[Bug Report][3.11.0] new 3.11 VNavigationDrawer can't be opened with inner button
Open
Nobody has claimed this yet.
C: VNavigationDrawer
T: feature
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 3.11.0
Vue Version: 3.5.25
OS: Ubuntu undefined (current)
Steps to reproduce
- Go in version >= 3.11
- Close the VNavigationDrawer
- Try to click on your button/element children of VNavigationDrawer to open it
Expected Behavior
Being able to click on the child button of the VNavigationDrawer as before to open it
Actual Behavior
Once collapsed, the button is not clickable, we can't open the drawer again (even F12, Ctrl+Shift+C selector can't)
Reproduction Link
https://play.vuetifyjs.com/#...
Images
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 Vuetify Playground reproduction and inspect the VNavigationDrawer implementation and its child interaction behavior in the 3.11.0 code. Reproduce the collapsed-drawer case, then add or update a regression test showing that a child button can reopen the drawer after it is closed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100