When integrating the ShadyDOM polyfill in an Angular 7, the routing in Edge breaks but IE11 just works. To fix this one can include webapis-shadydom.js. In that case Edge works fine but IE11 breaks.
Without webapis-shadydom.js in Edge:
- Navigating works one time.
- Every attempt at navigating triggers the warning
Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'?
- Subsequent navigation attempts are failing. The current path remains unchanged.
With webapis-shadydom.js in IE11:
- Navigation does not work at all.
The navigation is done via routerLink.
Firefox, Chrome and Safari work regardless.
Here are projects that recreate the discribed behavior:
When integrating the ShadyDOM polyfill in an Angular 7, the routing in Edge breaks but IE11 just works. To fix this one can include
webapis-shadydom.js. In that case Edge works fine but IE11 breaks.Without
webapis-shadydom.jsin Edge:Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'?With
webapis-shadydom.jsin IE11:The navigation is done via
routerLink.Firefox, Chrome and Safari work regardless.
Here are projects that recreate the discribed behavior:
webapis-shadydom.js: https://stackblitz.com/edit/czee42-bug-ie11webapis-shadydom.js:https://stackblitz.com/edit/czee42-bug-edge