Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tooltips: Quickly hovering over animated tooltips causes positioning to break
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
When quickly hovering off and back onto an item with a tooltip it sometimes causes the tooltip positioning to break. This then places the tooltip at the end of the <body> and causes horizontal/vertical scrollbars to appear on the page.
If animation is disabled on the tooltips then this problem doesn’t seem to occur.
Reduced test cases
Can see it in action on the Tooltips docs page. Scroll to the Directions examples and move your mouse backwards and forwards over the buttons and eventually you’ll see a horizontal scrollbar appear.
If you attempt to do the same thing on the v5.1 docs page it works perfectly.
Minimal examples:
- With animation it breaks: https://stackblitz.com/edit/xe95wq?file=index.html
- Without animation it’s fine: https://stackblitz.com/edit/xe95wq-1feimf?file=index.html
What operating system(s) are you seeing the problem on?
Linux
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.2.0
Issue Analytics
- State:
- Created a year ago
- Reactions:2
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I believe #37235 from the 5.2.3 release fixed this
Seems fixed in 5.2.3 to me, no longer reproducible in same location as my comment above.
https://user-images.githubusercontent.com/31130/203406407-5e4399c2-684e-47f5-915b-a050784e3af9.mov