htmlsafaripopover-api

Focusing input blocks page on Safari, when part of element with Popover API


I'm using the Popover API and there are so many issues on iOS Safari

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


Solution

  • 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