question-mark
Stuck on an issue?

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.

Prerequisites

Describe the issue

Short behavior gif

screen-recording

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

image

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:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
atomikscommented, May 4, 2022

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.

1reaction
GeoSotcommented, May 2, 2022

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)

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found