Skip to content

[tooltip] Multiple tooltips on the same target don't work anymore #7798

Open
@sissbruecker

Description

@sissbruecker

Description

The dev page (/dev/tooltip.html) for tooltip uses multiple tooltips on the same target. Currently, hovering over the target flashes all tooltips briefly and then only shows the last one that is defined in the markup. Before, it would show all tooltips at the same time.

Expected outcome

It should show all tooltips as it did before.

Minimal reproducible example

<div id="wrapper">
<div id="target">Save</div>
</div>
<vaadin-tooltip text="BS" position="bottom-start" for="target"></vaadin-tooltip>
<vaadin-tooltip text="B" position="bottom" for="target"></vaadin-tooltip>
<vaadin-tooltip text="BE" position="bottom-end" for="target"></vaadin-tooltip>
<vaadin-tooltip text="ST" position="start-top" for="target"></vaadin-tooltip>
<vaadin-tooltip text="S" position="start" for="target"></vaadin-tooltip>
<vaadin-tooltip text="SB" position="start-bottom" for="target"></vaadin-tooltip>
<vaadin-tooltip text="TS" position="top-start" for="target"></vaadin-tooltip>
<vaadin-tooltip text="T" position="top" for="target"></vaadin-tooltip>
<vaadin-tooltip text="TE" position="top-end" for="target"></vaadin-tooltip>
<vaadin-tooltip text="ET" position="end-top" for="target"></vaadin-tooltip>
<vaadin-tooltip text="E" position="end" for="target"></vaadin-tooltip>
<vaadin-tooltip text="EB" position="end-bottom" for="target"></vaadin-tooltip>

Steps to reproduce

  1. Open the dev page
  2. Hover over target
  3. Observe how all tooltip briefly flash and only the last one remains visible

Environment

Vaadin version(s): 24.5 alpha11

Browsers

No response

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