Skip to content

fix(VTreeview): avoid inaccessible items when overflow #21443

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

J-Sek
Copy link
Contributor

@J-Sek J-Sek commented May 20, 2025

Description

Tree view gets horizontal overflow and shows the items. It is not easy to guess how to work around this issue. It would be great if people would not need to resort to for CSS tricks. The idea is that they can inspect the title, see 40px for min-width and eventually find a Sass variable or override it with CSS.

There is a side-effect of pushing append-icon's to the right. I don't think anyone would really mind it as it only occurs when the nesting is so deep the whole thing is already in a bad shape.

Feel free to switch v-treeview to v-list on the examples linked below.

resolves #21387

Markup:

Playgrounds with a toggle to see before/after:

@J-Sek J-Sek self-assigned this May 20, 2025
@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected C: VTreeview labels May 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTreeview T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.8.4] v-treeview: Deep Nesting Leads to Rendering/Hover Problems
1 participant