Cannot drag ArcGisMap with IE 11 and Angular 4

Question

I have this simple code handle with Angular 4 and arcgis map, but I can not drag IE 11. Other browsers work as usual. I cannot update or downgrade the arcgis JS library because it depends on the other widgets we use.

https://codepen.io/rbuenon/pen/NXNOww

<link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css"> <script src="https://js.arcgis.com/3.23/"></script> <script> require(["esri/map", "dojo/domReady!"], function (Map) { window.map = new Map("map", { center: [-118, 34.5], zoom: 8, basemap: "topo" }); }); </script> <div id="map"></div> <app-root></app-root> 

Update:

polyfill.ts

 import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/weak-map'; import 'core-js/es6/set'; import 'core-js/es6/reflect'; import 'core-js/es7/reflect'; import 'zone.js/dist/zone'; import 'classlist.js'; import 'web-animations-js'; import 'intl'; import 'intl/locale-data/jsonp/en'; 

Does anyone know how I can fix this?

Answer 1

IE11 uses touch events that do not get into arcgis. Use this polyfill to make it work: https://github.com/WebReflection/ie-touch/blob/master/ie-touch.js

Besides the fact that you use it in an Angular application, Angular is not relevant to your problem.