Popover click Not working on iphone safari

[hotchilipowder]

Describe the bug
The component of click popover is not working on iPhone 12 Safari.

Steps to reproduce the behavior:

1. Go to triggering
2. Click on 'click popover'
3. See the error that "the popover" cannot disappear by doing click other places.

Expected behavior
The popover content can disappear after clicking other places.

Screenshots

Smartphone (please complete the following information):

• Device: [iPhone12]
• OS: [e.g. iOS16.2]
• Browser [safari]
• Version [Mozilla/5.0 (iPhone; CPU iPhone OS 16_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.2 Mobile/15E148 Safari/604.]

[zoltanszogyenyi]

Hello @hotchilipowder,

Thanks for the report - I'll have this checked out in the next few days. You're also free to open a PR if you'd like to contribute to help speed things up. The functionality for the Popover component is mostly found in this file:

https://github.com/themesberg/flowbite/blob/main/src/components/popover/index.ts

Cheers,
Zoltan

[zoltanszogyenyi]

Hey @hotchilipowder,

I've fixed this issue (9610965) by handling the click outside of the element - the reason this happened is because Safari does not support focus and blur states on the button element.

This will be introduced with v1.6.3 of Flowbite.

Cheers,
Zoltan