Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip arrow does not align with content #444

Open
martimalek opened this issue Apr 23, 2024 · 0 comments
Open

Tooltip arrow does not align with content #444

martimalek opened this issue Apr 23, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@martimalek
Copy link
Contributor

  • @freenow/wave version: 2.1.5 and lower

Relevant code

<Tooltip placement="top-start" content="This is a regular tooltip 🏓">
  <span>
    Hover over me
  </span>
</Tooltip>

For all Tooltip placement variants where the arrow is not centred with the trigger element there will be a misalignment with the Tooltip content (see images to better visualise it)

Affects variants

  • top-start
  • top-end
  • bottom-start
  • bottom-end

What was expected to happen?

The arrow aligns with the content

Media

Wrong

image

Right

image

Right highlighting the alignment

image

Reproduction

Check it out in our docs

@martimalek martimalek added the bug Something isn't working label Apr 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Development

No branches or pull requests

1 participant