Tooltip bug
See original GitHub issuePrerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
Short behavior gif
As you can see above in the short video, there is a small bug for tooltips:
Once a tooltip needs to replace, if the replace location is in right
(or left
), the tooltip seems to twinkle a bit between two positions while scrolling. Furthermore, as illustrated below, the tooltip seems not to be initialized well while twinkling.
Tooltip not well initialized
Reduced test cases
Go on the main branch : https://twbs-bootstrap.netlify.app/docs/5.1/components/tooltips/ Click to make a tooltip appear on top Scroll the page until the tooltip is nearly out of the screen then scroll slower.
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Firefox
What version of Bootstrap are you using?
main
Issue Analytics
- State:
- Created a year ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Bootstrap tooltip bug when hovering child node - Stack Overflow
The problem is when I hover any child element of that tooltip element. The element suddenly dissapears or is being repositioned at the...
Read more >Tooltip Bug - Material Design for Bootstrap
*Expected behavior*The tooltip should persist until the cursor moves away. *Actual behavior*The tooltip flashes and disappears if not used on a button.
Read more >Does anyone know a permanent fix to the tooltip bug? : r/wow
This bug is not only annoying but literally breaking my game. I can't craft stuff with Inscription because it requires me to have...
Read more >Tooltip Issues - Bug Report - World of Warcraft Forums
Can we get a fix to the tooltip? Ever since dragonflight UI came out, the tooltip expands right instead of left… It gives...
Read more >#12116 (Possible Tooltip Bug) – jQuery - Bug Tracker
This is my first post on this bug tracker and I am very green in the realm ... I am using the jquery...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is caused by putting
padding
on the tooltip which isn’t supported (especially conditionally). The size ends up changing when the placement changes which causes problems like that — the size needs to remain constant regardless of the placement. Popovers don’t seem to have any padding and therefore don’t have the issue.I am not sure if I have understood well, but this bug exists in 5.1.3 version too, right?
(Suspecting the modifiers ordering ref:https://github.com/floating-ui/floating-ui/issues/1094)