WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
259568
'overflow: hidden' on document body does not behave as expected in iOS/iPadOS PWA
https://bugs.webkit.org/show_bug.cgi?id=259568
Summary
'overflow: hidden' on document body does not behave as expected in iOS/iPadOS...
aubeauli
Reported
2023-07-27 10:58:36 PDT
Details: The CSS property overflow: hidden on the document body does not function as anticipated within PWA on iOS/iPadOS platforms. Specifying this CSS property should restrict the body's scroll position and limit the content to what is currently visible, which is the behavior in regular iOS/iPadOS Safari. However, within a PWA, this does not occur. Instead, users can continue scrolling the body as usual, regardless of the CSS declaration. Steps to Reproduce: Create a PWA for iOS/iPadOS. In the CSS, specify overflow: hidden for the document body. Launch the PWA and attempt to scroll the page. Expected Results: The scroll on the document body should be locked, and only the current visible content should be accessible, matching the behavior in normal Safari on iOS/iPadOS. Actual Results: The user is able to scroll the page normally in the PWA, even with overflow: hidden specified on the document body. Impact: This behavior prevents the correct implementation of scroll locking for modal/dialog interfaces in iOS/iPadOS PWAs, thus affecting user experience. Workaround: A workaround can be implemented by setting position: fixed, setting the body top to the current scroll offset, and then resetting the top attribute and scroll offset upon disable. However, this leads to an undesirable page flicker upon execution, which can be a detriment to the user experience. Reproducibility: This issue is consistently reproducible.
Attachments
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2023-08-03 10:59:17 PDT
<
rdar://problem/113346427
>
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug