Environment
Vuetify Version: 4.0.2
Vue Version: 3.5.30
OS: Windows 10 (current)
Steps to reproduce
- Have a
<v-tooltip>
- Activate the tooltip e.g. by hover
- Move mouse over the tooltip
Expected Behavior
After moving the mouse over the tooltip, it should normally disappear, unless using the interactive prop.
Actual Behavior
After mouseover, the tooltip stays present.
Tooltips always behave as if :interactive="true". It looks like, due to the changes to CSS layers in v4, they are picking up
.v-overlay__content {
pointer-events: auto;
when pointer-events should be none
Reproduction Link
https://play.vuetifyjs.com/#...
Environment
Vuetify Version: 4.0.2
Vue Version: 3.5.30
OS: Windows 10 (current)
Steps to reproduce
<v-tooltip>Expected Behavior
After moving the mouse over the tooltip, it should normally disappear, unless using the
interactiveprop.Actual Behavior
After mouseover, the tooltip stays present.
Tooltips always behave as if
:interactive="true". It looks like, due to the changes to CSS layers in v4, they are picking upwhen
pointer-eventsshould benoneReproduction Link
https://play.vuetifyjs.com/#...