scrollTo blocks scrolling on Safari

[VladDigitalOriginal]

I'm using scrollTo with duration: 8, for some smooth animation, based on scroll. I've tried to configure it lenis.scrollTo(initialPosition, { duration: 8, lock: false, force: false }), but it still blocks scrolling on Safari

[clementroche]

please provide a codesandbox

[VladDigitalOriginal]

The bug is only reproduced in preview in Safari.

Maybe some refreshes required to reproduce.

npm run build
npm run preview

codesandbox

edit: update codesandbox link

[clementroche]

Which version of Safari are you using ? It works for me using 16.4.

[VladDigitalOriginal]

My Safari version is 16.6, but I've also encountered it in previous versions. You can try to check it here; a few reloads may be required. Additionally, there is a rotateY based on velocity, and when this bug occurs, the velocity is always equal to 0.

Here is a video where I attempt to scroll, but it appears to be "locked":

Screen.Recording.2023-08-29.at.13.23.00.mov

[clementroche]

@VladDigitalOriginal are you trying to scroll during the scrollTo animation ?

[VladDigitalOriginal]

@clementroche yes

[clementroche]

maybe related https://github.com/studio-freight/lenis/issues/103

[VladDigitalOriginal]

I had the same issue as #103 and wrapper: document.body fixed it, but problem with locked scrollTo (and zero velocity) remains

[clementroche]

i can't reproduce, i'm closing this.