[Webkit-unassigned] [Bug 238318] New: iOS PWA dropdowns fail after having been in background

[bugzilla-daemon at webkit.org]

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

            Bug ID: 238318
           Summary: iOS PWA dropdowns fail after having been in background
           Product: WebKit
           Version: Safari 15
          Hardware: iPhone / iPad
                OS: iOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: UI Events
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: spellcoder at gmail.com

A PWA (web-capable) webpage on iOS 15 can get into a state in which dropdowns (from select and input HTML elements) fail to appear.
This often happens when an element which has a dropdown is focused and the web application is moved to the background (by using the homescreen button or activating the lockscreen). After returning dropdowns won't appear for any of the elements.

In the simulator I've verified these elements with dropdown to be able to trigger the bug:

- <select>
- <input type="file" />
- <input type="date" />
- <input type="month" />

The issue happens in iOS 15.4 (tested in the simulator) and I found mentions online of the issue dating back to the iOS 15 beta.
This leads me to conclude that it's related to the changes in UI for dropdowns in iOS 15.

Some other observations:
- When the bug is triggered ALL components with a dropdown will fail
- If the dropdown is open while going to background it will stay be there when returning, but it won't close
- Repeatedly tapping on a select dropdown that won't close causes it to shrink a little each time (weird, maybe it's the close animation starting but then abruptly stopping)
- It seems if a dropdown won't appear it may be there but invisible. You still be able to sometimes select an option when clicking somewhere on the page where the dropdown would be
- One of these issues linked below noted this error message appearing in the console: "Failed to present a context menu for configuration with identifier"
- Switching to another PWA and back fixes the dropdown issue
- non-dropdown types of overlays (such as used by input type="color") doesn't seem to have the problem

How to reproduce it:
- Have a html file with <meta name="apple-mobile-web-app-capable" content="yes" /> and a select element
- Use an iPhone/iPad/simulator on a device with home button and with any iOS 15 version (tested up till 15.4)
- Visit the html page in Safari and use the share button to add it to the home screen
- Open the app from the home screen
- Activate (tap) a pulldown
- Click on the home button on the bottom of the iPhone or iPad
- Now click on the icon on the home screen again
- What often happens: the options popup isn't closed or no pulldown on the page can open the options popup. If the options popup stays open you'll at first still be able to scroll it but you cannot get it to close.
- If it doesn't happen you can try to restart the device and retry above steps (starting from opening the homescreen app)

Other mentions online about this issue:
- https://developer.apple.com/forums/thread/689901 (issue with ios 15 beta 8)
- https://developer.apple.com/forums/thread/691863 (issue with select reported on the final ios 15)
- https://developer.apple.com/forums/thread/699982m (mention of someone reporting it for iOS 15.1)
- https://stackoverflow.com/questions/70292301/ios-native-controls-invisible-hidden-in-pwa
- https://developer.apple.com/forums/thread/696346
- https://githubhot.com/repo/babybuddy/babybuddy/issues/381
- https://stackoverflow.com/questions/70834688/intermittent-html-select-freezes-on-safari-in-ios-15-onwards/71035270

-- 
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/20220324/21063417/attachment.htm>