Scroll jumps around when Voice Over is turned on and SmoothScroller is enabled (NextJS & Safari specific)

[Abdeali W]

Thank you to the people behind this great library!

 

I am facing this issue that when the user tries to navigate through the site using their keyboard, we can see that the page jumps around randomly.

The issue only occurs on Safari, with Voice Over on and when ScrollSmoother is enabled.

 

I have created a quick demo of this issue on CodeSandbox. In order to make it work I've just added a div with some spacing so the jumping around is more evident.

Here is the preview.
And here is a video of the issue in case there is trouble in reproducing it: 

 

TIA! 🙌

[Rodrigo]

Hi,

 

We'll look into this and keep you posted as soon as we have some information on the subject.

 

Just a bit of patience please 🙏

[Rodrigo]

Hi,

 

As far as we can see this is normal behaviour. The voice command acts like the tab key when navigating. When using the Tab key there is no smoothing most likely due to the way it works just setting the scroll position in a different way that other keys do (spacebar, up/down arrows, page up/down, etc.).

 

This seems to be the normal way browsers handle this so is a bit out of our hands. On the other hand keep in mind that voice command are used by persons with disabilities, so most likely they won't care too much about the fact that the scroll position jumps up&down when using voice commands.