Bug 289703
Summary: | Page freezes when focusing input in popover with form on iOS 18.2+ | ||
---|---|---|---|
Product: | WebKit | Reporter: | Bregt <bregt.delange> |
Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED DUPLICATE | ||
Severity: | Normal | CC: | ntim |
Priority: | P2 | ||
Version: | Safari 18 | ||
Hardware: | iPhone / iPad | ||
OS: | iOS 18 |
Bregt
I'm using the Popover API to open an element that contains a form:
However, I have issues with trying the following situations to create just that
1. Using a <dialog> combined with a form and input causes it to block the rest of the page (https://bugs.webkit.org/show_bug.cgi?id=276864)
2. Instead I tried using a <div> with role="dialog" and adding autofocus on the input, but that doesn't even open the popover and freezes the page. Autofocus seems to be the issue because when I removed that attribute from the input, the popover opens.
3. Skipping all that I tried using a form with an input field, and while that form opens, as soon as I focus the field the page freezes again.
This above works fine in all browsers supporting Popover API, except for Safari 18.2+ on iOS (it does work on MacOS and iOS 18 or lower).
Is there something I miss because I seem to be blocked with the combination of a form and popover on iOS Safari. Forms and popover API seem to be unusable?
Here's a Codepen with multiple situations
https://codepen.io/Bregt/pen/MYWEpvd
Attachments | ||
---|---|---|
Add attachment proposed patch, testcase, etc. |
Tim Nguyen (:ntim)
This is fixed in Safari 18.4 beta: https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes
*** This bug has been marked as a duplicate of bug 285811 ***