topic Re: IE 10 navigation toolbar issue in ArcGIS JavaScript Maps SDK Questions

IE 10 navigation toolbar issue

JennyHe — Mon, 02 Dec 2013 15:02:07 GMT

The zoom box (black background with red outline) doesn't show in IE 10 for the zoom-in and zoom-out tools in this following link:
http://developers.arcgis.com/en/javascript/samples/toolbar_navigation/. It works fine for Chrome and Firefox.

Could anybody please look into this issue? Thanks!

Re: IE 10 navigation toolbar issue

SubaKrishnan — Mon, 02 Dec 2013 16:40:43 GMT

Hi,

Its a bug, and the dev team is currently working on it.

Thanks!

Re: IE 10 navigation toolbar issue

JennyHe — Mon, 02 Dec 2013 17:39:18 GMT

Thank you for your reply, Suba.

Re: IE 10 navigation toolbar issue

KenDoman — Wed, 15 Jan 2014 13:36:13 GMT

If it's any help, using Shift+mouse drag any time before calling navToolbar.activate shows the graphic on zoom-in. Once the navToolbar.activate is called, even Shift + mouse drag doesn't show the graphic.

Re: IE 10 navigation toolbar issue

ScottGunn — Mon, 24 Feb 2014 19:17:24 GMT

I have confirmed this issue in IE11.0.3 as well. Zoom boxes work fine in Chrome\FF.

Thanks for your hard work.

Re: IE 10 navigation toolbar issue

ØyvindIdland — Fri, 06 Jun 2014 10:32:46 GMT

I can confirm that this is still an issue in V3.9 of the API.

- oyvind

Re: IE 10 navigation toolbar issue

CoreyAlix — Mon, 29 Sep 2014 14:58:45 GMT

This can still be reproduced in IE 11 using this sample:

Navigation toolbar

Re: IE 10 navigation toolbar issue

CoreyAlix — Wed, 01 Oct 2014 13:12:47 GMT

From ESRI support:

"I found this zoom-in red box not show in IE 10/11 issue has already been assigned a bug in our system and I have assigned this case to this bug on your behalf. [#NIM098054 The red zoom box does not display in an ArcGIS API for JavaScript application.] This issue will be fixed in ArcGIS JavaScript 4.0"

Re: IE 10 navigation toolbar issue

JonathanUihlein — Wed, 01 Oct 2014 16:42:35 GMT

It will be fixed in the upcoming 3.12 3.11 release (this week or next).

I just double checked and it is working in the new version for IE10.

Re: IE 10 navigation toolbar issue

CoreyAlix — Wed, 01 Oct 2014 17:34:14 GMT

http://js.arcgis.com/3.11/dojo/dojo.js does not have the "js/dojo" that 3.10 has (http://js.arcgis.com/3.10/js/dojo/dojo/dojo.js). Is it safe to assume "js/dojo" will be dropped?

Re: IE 10 navigation toolbar issue

JonathanUihlein — Wed, 01 Oct 2014 17:40:26 GMT

Indeed! Great find Corey.

This is a major change that will affect many users who decide to update to 3.11.

The updated SDK (and What's New? page) will highlight all major changes to the API.
It's coming soon!

Re: IE 10 navigation toolbar issue

CoreyAlix — Wed, 01 Oct 2014 17:47:16 GMT

I also notice it's using dojo 1.10 which (it seems) doesn't properly resolve dojoConfig.deps (I use dojoConfig.deps=["xstyle/css!path/to/css"]). 1.9.x would resolve to js/dojo/xstyle but now it resolve to an invalid url (http://xstyle I believe).

I'm okay with troubleshooting that to get to 3.11 but I'm not okay with having to make these changes just to get my zoom box back which was broken in 3.8!

Re: IE 10 navigation toolbar issue

CoreyAlix — Wed, 08 Oct 2014 16:50:35 GMT

require.toUrl("dojo") resolve to a URL containing [HOSTNAME_AND_PATH_TO_JSAPI]. This is because http://js.arcgis.com/3.11/dojo/dojo.js contains this reference whereas http://js.arcgis.com/3.10/js/dojo/dojo/dojo.js contains "js.arcgis.com/3.10/js/dojo/dojo". I'm surprised anything is working. Do I have to set the baseUrl myself?

Re: IE 10 navigation toolbar issue

JonathanUihlein — Wed, 08 Oct 2014 17:16:32 GMT

I checked on this and apparently it was a build issue.
However, you shouldn't actually be using that particular file reference.

The recommended path is: http://js.arcgis.com/3.11/

The only exception would be if you are using a different loader (like require.js)

If using a different loader, yes you will have to set the baseURL yourself using dojoConfig object before loading dojo.js

Re: IE 10 navigation toolbar issue

CoreyAlix — Wed, 08 Oct 2014 17:29:04 GMT

Confirmed: Setting dojoConfig.baseUrl="//js.arcgis.com/3.11/dojo" before loading dojo.js did the trick.

FYI - I’m using the dojo loader but since init.js is 292k bytes and dojo.js is 45k I prefer to load only what I need and rely on browser caching for performance. I don't want to load the entire map API up front. I also want to be in control of which dojo, dijit, dgrid, xstyle and esri libraries load to facilitate debugging.

Re: IE 10 navigation toolbar issue

JonathanUihlein — Wed, 08 Oct 2014 18:25:06 GMT

Totally valid. Glad its all working! Thanks again for the heads up about this issue.