nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Nav Toolbar Compatibility Problems in IE10

JohnHaasbeek

Try the nav toolbar sample from the API samples page in IE10. The zoom in and zoom out work but do not display a marquee rectangle as you click and drag.

Found this problem in my own code using the nav toolbar and tried the meta tag:

<meta http-equiv="X-UA-Compatible"  content="IE=9" />

This became even wierder - the rectangle would display correctly the first time i zoomed but after that the zoom cursor would stay at the original click location as the rectangle expanded while I dragged, and the map in the background was panning as I dragged. The zoom would then work but it was ugly. Same behavior with content="IE=8".

Not sure what other incompatibilities I will find but this is very disconcerting. Anyone out there got a workaround or an alternative solution?

Cheers,

JH

Trouver plus de publications taguées avec

Accepted answers

All comments

AdrianMarsden

I had a similar issue - see http://forums.arcgis.com/threads/87962-IE10-and-zoom-box-fail?highlight=ie10+zoom

But it has returned, and my previous "fix" seems to not work.

AdrianMarsden

PS - <meta http-equiv="X-UA-Compatible" content="IE=9"/> works for me. Also, without it the draw tools are borked.

Also see http://forums.arcgis.com/threads/88426-Shift-Draw-Rectangle-on-the-map-to-zoom-in-does-not-work-in-IE?highlight=ie10+zoom which confirms this behaviour.

Esri - is this a listed bug?

SubaKrishnan

Hello,

Our development team is currently working on the issue. Most likely, it will be fixed in the upcoming release.

Thanks!

AdrianMarsden

Many thanks - is it an official bug or something else?

JohnHaasbeek

Same behavior in Chrome 30.0.1599.101 - any update on the timing for this fix? At this point I am forced to remove the fixed zoom functions from my applications.

John H.

AdrianMarsden

Bearing in mind that in IE10+ Conditional Comments are no longer supported any ideas how I would detect if IE8 or IE10 and use a different metatag - basically, this is what I would use is conditional comments were supported

<!--[if lte IE 8]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<!--[if IE 10]><meta http-equiv="X-UA-Compatible" content="IE=9" /> <![endif]-->

As our IE8 users use Google Chrome frame to improve performance, whereas our IE10 users need to run it as IE9.

ACM

kenbuja

Same behavior in Chrome 30.0.1599.101 - any update on the timing for this fix? At this point I am forced to remove the fixed zoom functions from my applications.

John H.

This isn't happening on Chrome 31.0.1650.57. The marquee rectangle does appear on Zoom In and Zoom Out

AdrianMarsden

😞

Hello,

Our development team is currently working on the issue. Most likely, it will be fixed in the upcoming release.

Thanks!

Still an issue with 3.8.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.