Flickering occurs caused by the 990000px fixed width
See original GitHub issueDescribe the bug
Due to the hard coded 990000px width which is set by the component to the class .menu-wrapper--inner
, browser doesn’t behave smoothly and flickering is observed in Chrome.
To Reproduce
I just instantiated the component and displayed it in the mobile simulation layout featured of Chrome.
Screenshots
Native result (Flickering) :
Result with overriding the width to 5000px (No flickering) :
Desktop (please complete the following information): OS: Windows 10 Browser: Chrome Version: 88.0.4324.104
Additional context
As shown above, as soon as I enforce the width of .menu-wrapper--inner
to something lower, for example, 5000px, flickering disappears immediately.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:8
- Comments:8 (3 by maintainers)
Top Results From Across the Web
CSS Transform causes flicker in Safari, but only when the ...
NOTE 2 — My question here is really around what exactly happens in Safari at 2000px, not necessarily how to fix the flicker...
Read more >Fix screen flickering in Windows - Microsoft Support
Screen flickering in Windows is usually caused by display drivers. To update your display driver, you'll need to start your PC in safe...
Read more >What to Do if Your Computer Monitor Starts Flickering - Alphr
In this article, you'll troubleshoot your flickering monitor so that you can find out what's wrong and fix the issue.
Read more >Flickering/banding of displays shot on video and how to fix
Although the technologies inside CRT and LCD monitors are quite different, what's happening in each scenario has a similar underlying cause: ...
Read more >Dealing with flickers/FOUC - Elementor
Note: Flash of unstyled content can also happen if you use large/heavy pictures. Tip: In some cases, such as when a section of...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Published new version with this PR.
@korbav Seems to work with
white-space
, can open PR.