Using Popover on iOS/Safari

[suuf]

Hi everyone,

I'm using a Popover, but it doesn't seem to work as expected on iOS/Safari on the latest version of the library. When the button is clicked, the panel opens and then closes immediately. This doesn't happen on Chrome. Anyone else having this issue? I am having trouble reproducing as I don't have access to Safari/iOS myself.

I am using something like this:

      <Popover className="relative">
        <PopoverButton>
          <button type="button" className="bg-blue-700 rounded-md p-2">
            Click me
          </button>
        </PopoverButton>
        <PopoverPanel className="absolute">
          <div className="bg-red-700 p-6">Menu</div>
        </PopoverPanel>
      </Popover>

Here's also a reproduction of the example: https://stackblitz.com/edit/stackblitz-starters-amaajw.

[suuf]

Seems like a more general Safari problem with z indexing.