[Bug Report][3.3.11] V-navigation-drawer doesn't collapse elements in v-list-group when drawer is not expanded
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 3.3.11
Last working version: 2.6.6
Vue Version: 3.3.4
Browsers: Firefox 116.0
OS: Linux x86_64
Steps to reproduce
Hover over the navigation drawer, expand the top element, stop hovering over the navigation drawer
Expected Behavior
Elements 1.1, 1.2, 1.3 should not leave the gap between Element 1 and Element 2
Actual Behavior
There's a three element gap between Elements 1 and 2
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 inspect the v-navigation-drawer and v-list-group behavior described in the issue. Reproduce the hover, expansion, and collapse sequence in Firefox, then trace the relevant component behavior. Done means Elements 1.1, 1.2, and 1.3 no longer leave a gap between Elements 1 and 2 when the drawer is not expanded.
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
- 35/100