question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Flickering occurs caused by the 990000px fixed width

See original GitHub issue

Describe 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) : 2021-01-31_07h39_53

Result with overriding the width to 5000px (No flickering) : 2021-01-31_07h40_59

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:closed
  • Created 3 years ago
  • Reactions:8
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
asmyshlyaev177commented, Feb 6, 2021

Published new version with this PR.

4reactions
asmyshlyaev177commented, Feb 5, 2021

@korbav Seems to work with white-space, can open PR.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found