Skip to content

Tooltip positioning bug near left edge #678

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

Open
esledov opened this issue Apr 24, 2025 · 1 comment
Open

Tooltip positioning bug near left edge #678

esledov opened this issue Apr 24, 2025 · 1 comment

Comments

@esledov
Copy link

esledov commented Apr 24, 2025

When using a tooltip on a element near the left edge, the tooltip appears far to the right instead of below the word.

Environment

It appears only on Chromium-based browsers: Chrome, Chromium, MS Edge.
It works as expected on Firefox.

 <span
      data-placement="bottom"
      data-tooltip="This is the very the middle of the day when the sun is highest"
      >around</span
  >

Image

@ManiShah7
Copy link

I believe this issue is caused by how Chromium-based browsers render inline elements differently compared to Firefox, especially when the inline element appears at the beginning of a line.

I’d be happy to create a PR with a fix. @lucaslarroche, let me know if you’d like me to proceed with that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants