body-scroll-lock icon indicating copy to clipboard operation
body-scroll-lock copied to clipboard

Published 20 hours ago • verified publisher icon willmcpo

IOS Safari scroll bug

Open stefanvonderkrone opened this issue 3 years ago • 2 comments

Video: https://imgur.com/a/1q90HoS

This video demonstrates an issue with Safari on iOS where body-scroll-lock cannot do anything to prevent the scrolling of the body if you're swiping at the very bottom. This doesn't seem to happen with all browser bars visible, but when they're hidden.

This issue seems to be related to #177

The problem occurs on a vertical swipe at the very bottom when the browser bars are hidden. And some event-listeners on document or document.body indicate that you cannot prevent this behavior. There is no touchmove oder touchstart event dispatched.

I should probably issue this case to the Webkit Bugtracker, but I think you should be aware of it as well.

A quick test on Chrome for iOS indicates, that this bug doesn't occure there. So it really seems to be solely related to Safari on iOS.

stefanvonderkrone avatar Jul 27 '20 08:07 stefanvonderkrone

Looks like a regression of this well known bug: https://benfrain.com/the-ios-safari-menu-bar-is-hostile-to-web-apps-discuss/ - I wouldn't be surprised if it's already sitting in the webkit bug tracker.

diachedelic avatar Jul 27 '20 23:07 diachedelic

They stopped the repairs. I had to do it myself, in the same way, with a new version of typeScript. And fix these problems for everyone to use.

npm i body-scroll-lock-upgrade

repair log, Refer to the releases page.

rick-liruixin avatar Apr 15 '23 07:04 rick-liruixin