[Snackbar] Text is flickering after Snackbar opens in Firefox

[haze9greg]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

While using the firefox browser, when the snackbar opens, the text starts a few pixels down, then jumps to the correct position. When closing the snackbar, the text lowers again, then the snackbar closes.

Expected behavior 🤔

The text should be centered vertically in the snackbar, and not move.

Steps to reproduce 🕹

Steps:

1. Use firefox browser
2. Trigger snackbar open
3. Observe the text starting lower, then moving up
4. Close the snackbar
5. Observe the text moving down, the snackbar close

Context 🔦

Trying to build a visually pleasing site, with minimal visual bugs.

[arjunlubana]

Is this still open?

[haze9greg]

@arjunlubana Yes it is

[michaldudak]

Thanks for reporting it. I was able to reproduce the bug.
It seems to be happening only when using the default Grow transition. Fade and Slide are free from this problem.

Would you like to try fixing the issue?

[haze9greg]

@michaldudak Yes those other transitions do not trigger the bug. I'll see about using one of those instead. The bug still exists on the "grow" transition though, and should be eventually fixed.