Bug description:
Clicking a dropdown or hovering over a tooltip element causes IE and Edge to freeze with 100%% CPU usage.
Link to minimally-working plunker that reproduces the issue:
TODO: Stackblitz reproduction
Version of Angular, ng-bootstrap, and Bootstrap:
Angular: 5.2.9
ng-bootstrap: 1.1.2
Bootstrap: 4.0.0
I had the same problem in my Angular application using ng-bootstrap (v2.0.0). The IE11 is freezing when dropdown open is triggered or when mouse hover on popovers.
I tried the official demo site and everything was working fine. I created a small minimal Angular application with all my third-party dependencies. Everything was working fine.
Finally I realised that we use some custom “polyfills” for IE11 (see
polyfills.ts
in your Angular app).We use the
intersection-observer
package (link) which causes the described problems in IE11.@cmckni3 This might help you investigating your problems.
edit:
Performance issues in IE11 and IntersectionObserver are fixed by deactivate the mutation observer according to IntersectionObserver Polyfill docs: