Skip to content

[Bug Report][3.11.8] VNavigationDrawer with rail prop shows list item text #22564

@antoinematyja

Description

@antoinematyja
Image

Environment

Vuetify Version: 3.11.8
Vue Version: 3.5.27
OS: macOS 10.15.7 (current)

Steps to reproduce

  1. Create a VNavigationDrawer with at least 1 list item with text
  2. Set the rail prop to true
  3. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions