Skip to content

[Bug Report][3.10.4] VTextField with a VTooltip inside makes the tooltip jump #22162

@amillercompotech

Description

@amillercompotech

Environment

Vuetify Version: 3.10.4
Vue Version: 3.5.21
OS: Windows

Steps to reproduce

  1. Make a VTooltip with the activator slot bound to a VTextField
  2. Starting below the field, move your mouse slowly up over the text field

Expected Behavior

Users would not expect the tooltip to jump when moving their mouse over the field.

Actual Behavior

Hovering over the top two VTextFields slowly from below shows the tooltip when you get to the "details" section, then makes it jump!

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

This happens because the target is bound to whatever is hovered, which starts as the text field details, then changes to the field itself, making the tooltip change locations.

Images

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions