Vuetify Version: 2.3.1
Last working version: 2.2.19
Vue Version: 2.6.11
Browsers: Chrome 83.0.4103.106
OS: Linux x86_64
Move mouse over a card
Hover effect
No hover effect
This happens with any card I use from the Docs site, using the Codepen example icon button. Doesn't have to be Outlined either.
Also, last time I remember, doesn't the link attribute add an overlay on the card surface? It's not doing that anymore too.
I confirm the bug. It used to work with version 2.2.x, and seems it appears from v 2.3.0.
Until the PR is merged and released, here is a workaround:
.v-card--hover:hover, .v-card--hover:focus {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}
Is this still an issue? I'm still seeing this behavior when I open a new Codepen example (via the live docs)
Most helpful comment
Until the PR is merged and released, here is a workaround: