Skip to content

Hovering Button with Tooltip in a PreviewTrigger Popover closes the Popover #10460

Description

@pxlgrdnr

Provide a general summary of the issue here

When a Button inside the PreviewTrigger's Popover has a Tooltip, hovering the Button closes the Popover immediately.

🤔 Expected Behavior?

The Tooltip should display per usual and the PreviewTrigger's Popover should remain open.

😯 Current Behavior

The PreviewTrigger Popover closes when the user's pointer hovers over the Button that is used as a Tooltip trigger.

💁 Possible Solution

No response

🔦 Context

In a Popover component that displays user's locale and UTC date strings, I'd like to include a gear icon Button that links to timezone settings; to remain accessible the icon button needs a RAC Tooltip i.e. "Timezone settings".

🖥️ Steps to Reproduce

https://stackblitz.com/edit/sb1-m6jng7rc?file=src%2FApp.tsx

Version

1.20.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

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