[Snackbar] Text is flickering after Snackbar opens in Firefox
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
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:
- Use firefox browser
- Trigger snackbar open
- Observe the text starting lower, then moving up
- Close the snackbar
- Observe the text moving down, the snackbar close
Context 🔦
Trying to build a visually pleasing site, with minimal visual bugs.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the Snackbar opening and closing sequence in Firefox, following the listed steps and observing the text position. Trace the Snackbar component from its entry point to determine what causes the vertical movement, then verify that the text remains centered and stationary during both transitions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100