fix(VTreeview): avoid inaccessible items when overflow #21443
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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
formin-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
tov-list
on the examples linked below.resolves #21387
Markup:
Playgrounds with a toggle to see before/after: