Skip to content

Incorrect positioning of the tooltip when rendering a button inside it #8547

Open
@olchev-sergey

Description

@olchev-sergey

Provide a general summary of the issue here

Hover a button to open tooltip content. When inside tooltip content render react-aria-components Button then content is positioned uncorrect

🤔 Expected Behavior?

Tooltip content should be located near the button

😯 Current Behavior

Tooltip content is located in the corner

Image

💁 Possible Solution

No response

🔦 Context

I would like something as HoverCard component with button inside it. I read an issue that the HoverCard is not the best for mobile, but we will come up with something about it on the project

🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/y8l543

Version

1.10.1

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