Skip to content

[Bug Report][4.0.2] Tooltips do not disappear on mouseover since v4 #22724

@MetRonnie

Description

@MetRonnie

Environment

Vuetify Version: 4.0.2
Vue Version: 3.5.30
OS: Windows 10 (current)

Steps to reproduce

  1. Have a <v-tooltip>
  2. Activate the tooltip e.g. by hover
  3. 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/#...

Metadata

Metadata

Assignees

Labels

C: VTooltipT: bugFunctionality that does not work as intended/expectedT: regressionSomething that used to work but we brokegood first issueA quick-win fix that would be great for new contributors

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions