topic Re: 4.9 Locate widget icon doesn't appear in IE11, even if I replace it? in ArcGIS JavaScript Maps SDK Questions

4.9 Locate widget icon doesn't appear in IE11, even if I replace it?

ShakilChoudhury — Thu, 08 Nov 2018 10:29:22 GMT

The icon for the Locate widget does not appear in IE11 and I've replaced it like so:

.esri-icon-locate:before {
content: "\e949";
}

But it still doesn't appear. Tried on IE11 on multiple PCs but still doesn't appear. Anyone know how to fix this?

Re: 4.9 Locate widget icon doesn't appear in IE11, even if I replace it?

ShakilChoudhury — Thu, 08 Nov 2018 11:36:43 GMT

Only way I found to get around it is:

setTimeout(function(){
locateBtn.domNode.innerHTML = "<span aria-hidden='true' class='esri-icon esri-icon-locate'></span><span class='esri-icon-font-fallback-text'>Find my location</span>";
}, 3000);

Re: 4.9 Locate widget icon doesn't appear in IE11, even if I replace it?

MikkLauringson — Sun, 12 Dec 2021 07:54:08 GMT

Still broken in 4.10 for IE.

The span inside Locator div should have class='esri-icon esri-icon-locate', but it has only class='esri-icon'.

I solved it with CSS

.esri-locate .esri-icon:before {
    content: "\e630";
}

.esri-locate .esri-icon-loading-indicator:before {
    content: "\e65e";
}

.esri-locate .esri-icon {
    font-family: 'CalciteWebCoreIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: 4.9 Locate widget icon doesn't appear in IE11, even if I replace it?

StefanUseldinger — Tue, 23 Jul 2019 08:14:34 GMT

This bug seems to be fixed with 4.12