Bootstrap Tool-Tip does not close on page Scrolling in IE-8 to IE-11

Question

I ran into this problem in IE-8 prior to IE-11.

• Place a shortcut (etc.) with the tooltip turned on.
• Now scroll the page with the mouse without moving the mouse.
• Note. The EA does not close (IE-8 in IE-11).

I have all the tooltip shortcuts while I scroll down and get to the second shortcut using the tool tip, which still shows the previous shortcut tool icon instead of the new one. The problem is minor, but am I working on it to fix a situation that previously fixed this problem? It works great in Firefox, Chrome, and other common browsers.

Submitted by GitHub .

The problem is also observed on the boot site.

Answer 1

So, I did some tests, and the problem arose in Chrome too. Until you click the tooltip that Chrome is working and IE is not working.

Digging deeper in this question, it seems that both browsers do not recognize the mousemove event when you scroll. Therefore, if you hover over any browser, then scroll down or up, the tooltip will remain. When you click the tooltip in Chrome, the scrolling then fires the mouseevent, which apparently fires the mouseout / mouseenter. In IE, it does not add a scroll trigger. Actually, this may not be a problem with the browser, but a way to load the boot file when you add this extra scroll trigger, just like mousemove.

To test it yourself, try adding a mouse move event to the console for bootstraps / tooltip.js

$(document).mousemove(function(event) {console.log(event);}); 

Mouse movement should trigger events in the console. If you hint and scroll away, it will still remain. Then click the tooltip and notice that now scrolling fires the same mouse event in Chrome, not in IE.