[Bug Report] v-carousel with transitions adds divs that push content up and down (appears to scroll on transition)

oscarmrom commented 3 years ago

Vuetify Version: 2.4.6 Vue Version: 2.6.11 Browsers: Chrome 88.0.4324.182 OS: Mac OS 11.2.3

Scroll down in the page a bit but keep the carousel visible. Wait for the cycle timer to go to the next slide or manually click forward/backward.

You will either be scrolled down or up on the page depending on if you're restarting the deck or moving forward.

It appears to be the manner in which new slides are added in as which pushes the content "down" in a way.

Have transitions without being "scrolled' up or down on the page.

"Scrolls" you down or up on the page when the carousel goes to the next slide.

current vue version is actually 2.6.12 it is being used through gridsome version 0.7.23

oscarmrom commented 3 years ago

current workaround is to exclude the transition and reverse-transition from the v-carousel-item definition.

ex: <v-carousel-item cycle></v-carousel> (this is fine)

vs

<v-carousel-item cycle reverse-transition="fade-transition" transition="fade-transition"></v-carousel> (this is not fine)

KaelWD commented 3 years ago

Duplicate of #10613

vuetifyjs / vuetify