Tooltip embedded in button not working in IE 11

angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!

http://angular-ui.github.io/bootstrap/

MIT License

14.29k stars 6.73k forks source link

Tooltip embedded in button not working in IE 11 #6394

Open tcrite opened 7 years ago

tcrite commented 7 years ago

Bug description:

Hi, it seems the tooltip is not working when embedded inside an element that is embeded in a button element in IE11, eg.

This works fine in Chrome, Edge, and FF.

Link to minimally-working plunker that reproduces the issue:

https://plnkr.co/edit/Zkt147OC0OiqWh24h5Yb?p=preview

Version of Angular, UIBS, and Bootstrap

Angular: 1.5

UIBS: 2.3.1

Bootstrap: 3.3.7

Thanks for any help.

tcrite commented 7 years ago

Haven't figured out a solution yet, but it appears to be the mouseenter trigger not working if the tooltip is inside the button.

tcrite commented 7 years ago

Got around this issue by using the tooltip-is-open attribute and setting tooltip-trigger to none