Skip to content

[Bug Report][3.11.8] VTreeview does not show indent lines when using prepend-gap #22587

Open

Description

@J-Sek

Environment

Vuetify Version: 3.11.8
Vue Version: 3.5.27
OS: Linux undefined (current)

Steps to reproduce

  1. <v-treeview :prepend-gap="16" ... />
  2. or set it in global defaults
  3. or set it on VList global defaults
  4. or use MD3 blueprint

Expected Behavior

Intent lines should show up normally while prepend gap should also be adjusted to the given size

Actual Behavior

Indent lines line up to the left boundary

Reproduction Link

https://play.vuetifyjs.com/#...

Activity

  1. added
    T: bugFunctionality that does not work as intended/expected
    on Feb 3, 2026
  2. J-Sek commented on Feb 3, 2026

    @J-Sek
    ContributorAuthor

    related to #20616 that introduced prependGap

    this will affect indentation, to ensure text alignment (assuming group has icon, but children do not)

  3. added a commit that references this issue on Feb 19, 2026
    19ff6ec
  4. modified the milestones: v3.12.0, v4.1.0 on Feb 19, 2026
  5. reopened this on Feb 23, 2026
  6. modified the milestones: v4.1.0, v4.2.0 on May 18, 2026
  7. modified the milestones: v4.2.0, v4.3.0 on Aug 18, 2026
  8. scenerecap commented on Sep 16, 2026

    @scenerecap

    Still reproduces on play.vuetifyjs.com (Vuetify 4.2, 2026-09-16, Chromium, macOS):

    1. Open a v-treeview with prepend-gap set and indentLines set to "default".
    2. Expand the tree to reveal nested items.
    3. The vertical indent guide lines render flush against the left boundary of the container — they do not shift right with the prepend-gap offset.

    The indent guide lines stay anchored at x=0 of the container while the tree items are offset by the prepend-gap amount, leaving the lines visually disconnected from the hierarchy.

    Recording: https://scenerecap.com/s/z1rqqsmy22

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

C: VTreeviewT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions