[Webkit-unassigned] [Bug 222654] New: Scrolling in home screen apps incorrectly latches to document

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=222654

            Bug ID: 222654
           Summary: Scrolling in home screen apps incorrectly latches to
                    document
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com
                CC: simon.fraser at apple.com

Created attachment 422079

  --> https://bugs.webkit.org/attachment.cgi?id=422079&action=review

Code reproduction

When using an app added to the home screen, scrolling incorrectly latches to #document, making it impossible for users to interact with the app.

Steps to reproduce:

1. Open the attached code reproduction on an iOS device.
2. Add the code reproduction to the home screen and then launch it.
3. Verify that you can scroll the main content.
4. Tap the input and then close the keyboard.
5. Swipe up on the header element.
6. Immediately after this, attempt to scroll on the main content. You should not be able to.

If you were to inspect this using Safari Dev Tools and add a scroll listener, you should notice that the scroll event's target during step 6 is "#document". Sometimes I can get WebKit to re-latch to the main content, but I am not sure what causes that to happen.


Expected Behavior:

I would expect WebKit to never latch to #document for scrolling and continue to latch to the main content.


Actual Behavior:

WebKit latches to the #document for scrolling.


Additional Information:
- This was tested on iOS 14.5, but I can reproduce this on earlier versions of iOS 14.
- This only happens when the app is installed to the homescreen. Running this in Safari does not reproduce the issue.
- This does not happen when running the app inside of WKWebView in a Capacitor or Cordova application.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210303/ed575e52/attachment.htm>