[Bug Report][3.9.2] V-Navigation-Drawer does not close when click outside while using both permanent and rail on mobile (Safari, IOS)
Open
Nobody has claimed this yet.
C: VNavigationDrawer
platform specific
T: bug
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 3.9.2
Vue Version: 3.5.17
Browsers: Safari
OS: iOS
Steps to reproduce
it opens on safari just fine, but doesn't close when clicking outside; it works normally on chrome(mobile)
Expected Behavior
drawer should close when clicking outside
Actual Behavior
does not close on safari when clicking outside
Reproduction Link
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 linked reproduction and the V-Navigation-Drawer component behavior described in the issue, comparing Safari on iOS with mobile Chrome. Trace how the drawer handles outside clicks when both permanent and rail are enabled. Done means the drawer closes on an outside click in Safari on iOS without breaking the reported working behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100