Vuetify: [Bug Report] TreeView transition glitch when rounded or shaped

Created on 31 Aug 2019  路  1Comment  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.11
Vue Version: 2.6.10
Browsers: Firefox 68.0
OS: Ubuntu undefined

Steps to reproduce

Open / close a folder of a v-treeview, shaped or rounded, with transition

Expected Behavior

The transition should be smooth

Actual Behavior

The transition glitches

Reproduction Link

https://jsfiddle.net/cawqgvbr/5/

VTreeview bug

Most helpful comment

Removing this line solves the issue.
https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/transitions/expand-transition.ts#L36

Does it make sense to change overflow on transition?

overflow: hidden increases the height of v-treeview-node__children due to v-treeview-node__root vertical margin.

>All comments

Removing this line solves the issue.
https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/transitions/expand-transition.ts#L36

Does it make sense to change overflow on transition?

overflow: hidden increases the height of v-treeview-node__children due to v-treeview-node__root vertical margin.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

smousa picture smousa  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments

sebastianmacias picture sebastianmacias  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments

gluons picture gluons  路  3Comments