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...?
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...?