I'm using the Popover API and there are so many issues on iOS Safari
<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)<div>
with role="dialog"
and adding autofocus
on the input, but that doesn't even open the popover ...This above works fine in all browsers supporting Popover API, except for Safari 18+ on iOS (it does work on MacOS).
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 the 3 situations https://codepen.io/Bregt/pen/MYWEpvd
Okay this seems to be a bug that is fixed in 18.4. https://developer.apple.com/documentation/safari-release-notes/safari-18_4-release-notes