Skip to content

Nested elements with tooltip #680

@eugenest

Description

@eugenest

Hi!

I have 2 divs with tooltips

<div data-tip={tooltipContent1}>
    <div data-tip={tooltipContent2}/>
</div>

but when I move cursor from child div to parent div tooltip data doesn't change

this is how it looks: https://prnt.sc/10h83bt

reproducible demo: https://codesandbox.io/s/react-tooltip-example-3116-forked-kh0oy

is there a way to solve this?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions