Modal closes when selecting text and releasing mouse outside the modal

[pskrzeszewski]

Description

When a modal is open and the user selects any content inside the modal with the mouse, if the cursor leaves the modal area while still holding the mouse button and the mouse button is released outside the modal, the modal closes.

This behavior is unexpected because the modal should only close when:

• clicking the Cancel button (or other explicit action), or
• clicking outside the modal area.

Releasing the mouse after a text selection should not be interpreted as an outside click.

Steps to reproduce

1. Open the Modal example on the documentation page.
2. Select any text inside the modal by clicking and dragging.
3. While still holding the mouse button, move the cursor outside the modal boundary.
4. Release the mouse button.

Actual behavior

The modal closes.

Expected behavior

The modal should remain open.
It should only close when an intentional click outside the modal occurs, not when finishing a text selection.

Reproduction

The issue can also be reproduced directly on the documentation site:
https://flowbite-svelte.com/docs/components/modal

Environment

• OS: Windows 11
• Browser: Chrome 145.0.7632.46

[xayanide]

Let me add on this that it's not just limited to text selectiion, holding left mouse button from any part of the modal then releasing the left mouse button outside the modal reproduces this. Still reproducible on the current versions of flowbite and flowbite-svelte as of today.

Are there any GitHub issues about this?

Edit:
Found 1 for now:
themesberg/flowbite#1012