[Bug Report][3.6.13] VNavigationDrawer moves around the screen after changing text direction
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.6.13
Vue Version: 3.4.34
Browsers: Chrome 127.0.0.0
OS: Mac OS 10.15.7
Steps to reproduce
Press the toggle direction button several times
Expected Behavior
Changing the position of the sidebar should not be visible
Actual Behavior
Changing the position of the sidebar is visible
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
As a temporary solution I added visibility: hidden; for the closed state, but in this case the navigation becomes inaccessible for the screen readers
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 the VNavigationDrawer entry point, then reproduce the issue by toggling text direction repeatedly. Trace the drawer's position and closed-state behavior, including the screen-reader concern. Done means changing direction does not visibly move the sidebar and the closed navigation remains accessible.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100