themesberg / themesberg/flowbite-react
Modal Backdrop dismissible prop does not work on smaller screens
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.1k
- Forks
- 506
- PR merge metrics
- No merged PRs in 30d
Description
- I have searched the Issues to see if this bug has already been reported
- I have tested the latest version
Steps to reproduce
- Go to Modal Docs
- Toggle mobile view or tablet view
- Test the backdrop dismissible on small screens
Current behavior
It works on desktop/bigger screen but does not work on smaller screens.
Expected behavior
It should close the modal when clicked in backdrop region on smaller screens.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Modal Docs entry for the backdrop-dismissible behavior and reproduce the issue in mobile and tablet views. Trace the modal implementation from that component entry point and verify that clicking the backdrop closes the modal on smaller screens while preserving the existing desktop behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100