Body scroll lock causes scroll reset on iOS

[enjidev]

In my app, I implemented Headroom.js, which hides the navigation when the user scrolls down and shows it when the user scrolls up.

I've a dialog trigger inside the navigation. When user in the middle of the page and the navigation is visible and open the dialog and then closed it, the navigation hides again, which I believe is not a good UX.

I suspect this root behavior is caused by this and it does make sense that Headroom would hide the navigation in such a scenario.

zag/packages/utilities/remove-scroll/src/index.ts

Line 53 in ad517e5

win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" })

Is there any chance we could have new logic for handling scroll lock without resetting the scroll state? Maybe Reka UI's implementation could be worth looking into.

[segunadebayo]

That's interesting. Want to take a stab at it?

[enjidev]

unfortunately, i don’t have the capacity to work on this myself right now, but happy to share ideas or give feedback if someone else wants to tackle it.