Environment
Vuetify Version: 3.11.8
Vue Version: 3.5.27
OS: macOS 10.15.7 (current)
Steps to reproduce
- Create a VNavigationDrawer with at least 1 list item with text
- Set the
rail prop to true
- Reduce the list item spacer width (set a css variable
--v-list-prepend-gap)
Expected Behavior
List item texts should be hidden
Actual Behavior
The start of the text is showing
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
This was working before, the issue was introduced by this change: 5c9dcb3
Before this change, there was no min-width and the text was "naturally" hidden.
I'm not sure what the best solution is here, reverting the change would reintroduce the other issue.
Maybe the rail feature should handle manually the hiding of the list item text rather than relying on hidden overflow.