Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

iOS 16 Safari has width/size issues with wide content #261

Open
joshuacurtiss opened this issue Oct 21, 2022 · 2 comments · May be fixed by #262
Open

iOS 16 Safari has width/size issues with wide content #261

joshuacurtiss opened this issue Oct 21, 2022 · 2 comments · May be fixed by #262

Comments

@joshuacurtiss
Copy link

On iOS 16 Safari only, the width of the page will be incorrectly adjusted to be very wide when activating the scroll lock. On a mobile responsive page, this correspondingly causes fonts and other content to rearrange/resize. Interestingly, when deactivating the scroll lock, the content does not return to its original size.

This appears to be a Safari bug but occurs because this package does not set the right style of body when activating the scroll lock.

Sample buggy behavior

A page that does not have right: 0 set in the CSS and has wide content:

BSL-bug

Expected behavior:

BSL-expected

@joshuacurtiss joshuacurtiss linked a pull request Oct 21, 2022 that will close this issue
@yokuze
Copy link

yokuze commented Oct 24, 2022

@willmcpo For what it's worth, I'm seeing this issue too and #262 fixes it.

@rick-liruixin
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants