Vuetify: [Bug Report] VSpeedDial transition only works with v-btn and v-tooltip

Created on 20 Dec 2019  路  3Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.1.15
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.88
OS: Mac OS 10.15.2

Steps to reproduce

Hover over the FAB in the reproduction link. The transition-delay is added to the v-btn components but not to the v-icon components in this example.

Expected Behavior

The transition-delay should be applied to all children.

Actual Behavior

The transition-delay is only applied to v-btn and v-tooltip components.

Reproduction Link

https://codepen.io/Aukemid/pen/NWPpLqG

Other comments

This limitation is hardcoded into the VSpeedDial.render function and I don't know why. If the transition-delay could cause problems the developer should consider, those should be explained in the docs.

I've used v-icon's in the reproduction example, but I ran into this problem with custom components that extend v-btn and v-tooltip. Most components wouldn't make sense as speed dial children. If there is a good reason for this limitation the if condition could be changed to support extended components.

VSpeedDial bug

All 3 comments

So happens, it doesn't even work with v-tooltip, d'oh.

I'm going to push this off of 2.2 for now as the component needs a pretty heavy refactor to support this properly.

Due to limited bandwidth we were unable to progress on this for v2, moving to v3.

Was this page helpful?
0 / 5 - 0 ratings