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

Firefox: Custom scrollbar flickers when any ancestor is "position: fixed" #162

Open
marsielko opened this issue Sep 12, 2023 · 0 comments
Open

Comments

@marsielko
Copy link

The custom scrollbar is great feature, but I've noticed that if any of the ancestors is "position: fixed", then the scrollbar's dragger flickers during scroll.

However, this behavior only occurs in Firefox - tested on: "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/117.0". See this codepen: https://codepen.io/marsielko/pen/OJrmoWq , inspect it with devTools and fiddle with "position: fixed" applied on html/body elements.

If the "position:fixed" is applied, then the scrollbar's dragger flickers, if not, the animation is smooth as expected.

Is there anything I can do to make the scrollbar's dragger animate smoothly in Firefox, as is done in Chrome/Safari...?

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

1 participant