RESOLVED DUPLICATE of bug 285811 289703
Page freezes when focusing input in popover with form on iOS 18.2+
https://bugs.webkit.org/show_bug.cgi?id=289703
Summary Page freezes when focusing input in popover with form on iOS 18.2+
Bregt
Reported 2025-03-13 06:33:54 PDT
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
Tim Nguyen (:ntim)
Comment 1 2025-03-13 07:37:27 PDT
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 ***
Note You need to log in before you can comment on or make changes to this bug.