flowbite-svelte icon indicating copy to clipboard operation
flowbite-svelte copied to clipboard

Dropdown: click outside not working on mobile

Open gregg-cbs opened this issue 1 year ago • 2 comments

Describe the bug

On a mobile device when tapping away from a dropdown to close it, it does not close.

I have checked this in Safari and Chrome on IOS.

This behavior can be exhibited on the flowbite svelte dropdown page itself. Checked with @JHorlamide

Reproduction

https://flowbite-svelte.com/docs/components/dropdown

Flowbite version and System Info

"flowbite-svelte": "^0.44.22"

gregg-cbs avatar Feb 09 '24 16:02 gregg-cbs

neither working one Safari for macos here

masar3141 avatar Feb 10 '24 15:02 masar3141

You can work around this by adding an id to the Dropdown and then closing the popup when an element is clicked with document.getElementById('<Dropdown id>').style.display = 'none';

MrRoyce avatar Apr 16 '24 00:04 MrRoyce