Tooltips show in wrong position when hovered from above on Safari
Created by: nwalters512
Prerequisites
-
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
I'm adding a tooltip to an icon. On macOS Safari, when the icon is hovered by starting the mouse below the icon and moving up towards it, it shows correctly:
However, when the mouse starts above the icon and moved down toward it, it shows in the wrong place:
Here's a video illustrating the issue:
https://user-images.githubusercontent.com/1476544/188021232-15dcf3ab-a46f-4870-8846-79b795a246a5.mov
I cannot reproduce this bug in Chrome or Firefox.
Reduced test cases
Here's a JSFiddle illustrating the problem: https://jsfiddle.net/nwalters512/Lns1b9kj/4/.
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Safari
What version of Bootstrap are you using?
v5.2.0