Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flickering in Chrome when overscrolling #7

Closed
rijk opened this issue Sep 8, 2020 · 2 comments
Closed

Flickering in Chrome when overscrolling #7

rijk opened this issue Sep 8, 2020 · 2 comments

Comments

@rijk
Copy link
Contributor

rijk commented Sep 8, 2020

I was breaking my head over this, had a project where the flickering was really bad but in the Storybook demos I didn't see it at all. While comparing the code and CSS, I found this rule:

image

Which ended up completely fixing the problem. 🙌

So, takeaways:

  1. The Storybook demos are awesome :)
  2. Could the overscroll issues be fixed in the code maybe? Not sure what's causing them, but would be nice to not run into this.
  3. If not: I think the need for overscroll-behavior: none; on html and body should be documented in the readme to save other people some time.
@breadadams
Copy link
Owner

In response to your comments:

  1. Thanks! 😻
  2. We could, applying the style to the DOM internally or providing a util/hook for users. However something leans me towards having this in the docs to keep the bundle size down.
  3. Yep, this is the way to go I think 👍

@MrUltimate
Copy link

Hey folks! Seems like this isn't something the Safari supports. Is there are recommended workaround for Safari specifically?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants