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; } } }

Map Navigation (Pan/Zoom) not working in Chrome at API v3.4

SimonFisher

Is anyone else seeing that map navigation (pan, zoom in/out) is broken in Chrome at ArcGIS JS API v3.4?

I have tried several samples and map navigation is not working at all in Chrome. The same samples work fine in firefox and IE. Samples using older version of the API (3.2, 3.3) navigation works fine in Chrome. I have even taken a 3.4 sample and pointed it to 3.3 and navigation starts to work, so I believe this is a possible new bug.

I have the latest version of Chrome Version 25.0.1364.172 m

Simon

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

BrettGreenfield__DNR_

Working fine for me using the same version of Chrome. I just tried testing the directions widget under latest samples.

SimonFisher

Just tried another machine with same version of chrome and you're right 3.4 samples are working fine. Must be some strange setting or issue in chrome on that particular machine. Still strange that I only see the issue for v3.4 of the api and no previous versions, so it's something newly introduced or from the newer version of dojo.

JeffJacobson

Have you tried clearing the browser cache in Chrome on the computer where it wasn't working? (Ctrl + Shift + Delete)

JeffreySchmidt

I ran into the same issue... probably a few ways to solve it, but a restart of the computer fixed it for me...

HyrumErnstrom

Same issue, I can't pan or zoom.

Windows 8, Chrome Version 25.0.1364.172 m

Works fine in IE 10

JoeDeWitt

Same here. When I restart Windows 8 I can pan/zoom for a while. Not sure what exactly makes it stop working yet. Works fine in IE10

Joachim_EckboJuell

I have the same problem. In the last few releases of the JS API (I think its after 3.1), map navigation in Chrome and Firefox has stopped working (mouse and keyboard - everything except clicking the +/- buttons). IE 10 works fine. And all the browsers works fine on other machines. I'm running W8. It's quite disturbing to all of a sudden have to do all my JS development in IE 🙂

It would be great if someone could come up with a "fix" for this...

derekswingley1

It would be great if someone could come up with a "fix" for this...

I haven't seen this. It'll be tough to get any kind of fix without a repro case. Any ideas on what causes this to happen?

TedLucas1

I noticed the same problem, application worked in Chrome with API 3.3 but when I upgrade to 3.4, the pan and zoom functionality breaks. Still seems to work in IE10 & Safari.

JeffPace1

this happened to us on arcgis.com today. Switching to IE fixed it.

Did not clear cache

derekswingley1

this happened to us on arcgis.com today. Switching to IE fixed it.

Did not clear cache

Do you have any additional info? I'd really like to be able to reproduce this.

JeffPace1

Do you have any additional info? I'd really like to be able to reproduce this.

in CHROME (V26)
www.arcgis.com
gallery
search for - manatee county parcels

choose Manatee County, FL - Parcel Map

open in arcgis.com map viewer

works from one computer, doesnt work from another

both windows 7 64bit, both chrome Version 26.0.1410.64 m

Rebooting and (aggressively) clearing cache does not fix non-working browser.

JeffPace1

I THINK I FOUND THE DIFFERENCE

The non-working computer is in a conference room hooked to a smart board. Touch events on the board (pan, zoom) WORK!!! but mouse navigation does not

It looks like if the API detects a touch device it disables mouse events. And chrome is incorrectly being identified as a mobile browser (happens alot).

Anyone else?

TedLucas1

That is interesting, I have a DELL E6420 with a touch screen.

JS API v3.4 - Everything seems to work ok on IE 9 & 10. But when I try to use Chrome (v26\latest) & FF(v20\latest) pan\zoom doesn't work.

JS API v3.3 - IE Good, Chrome Good, FF broken.

If I roll back to JS API v3.1 the pan\zoom functionality appears to work in Firefox.

Joachim_EckboJuell

jeff.pace is dead on. I just opened a web site that checks for touch events ("ontouchstart" in window || false). On my laptop, which has problems with mouse-events in Chrome and Firefox, it opens the mobile version of the web site on these two browsers, but on IE it opens the regular web site. And the ArcGIS JS API mouse-events only works in IE for me.

My problem is probably that I have installed some Microsoft SDK (Surface or something) that sets my laptop as "touch supported".

I also have problems with mouse-events in some Dojo dijits (dropdown button, resizable content pane etc.), in the same browsers.

So I bet there is a check for "touch support" in the ArcGIS API for JavaScript (and dojo). And the solution is probably to also check for mouse-support, and allow for mouse-events.

KerryRobinson

I think this is the same issue as reported with ArcGIS Online here

I have been experiencing this issue for quite some time. It finally makes sense... the browser is reporting that it is on a touchscreen device, so the app is only checking for touch events. So the workaround would just be to use the touch screen to pan/navigate (assuming you have one) or IE/Safari.

JavaScript API team... is this something you're able to fix in the API or is this an inherent issue with Chrome and Firefox?

JeffreyThompson2_0-1728048913276.png

nbiarrieta_bcgis_0-1728050222277.png

derekswingley1

Thanks to all for the additional info. Sounds like we have a good idea why this is happening.

JavaScript API team... is this something you're able to fix in the API or is this an inherent issue with Chrome and Firefox?

We think this is something we can address in the API based on differences in mouse and touch events but it won't be for the next release (due in a week or two).

AamirSuleman

The new 3.5 API will probably move from mouse/touch events to dojox/gestures

StewartMcCall

Experiencing the same thing with Chrome on a couple of machines at v3.4 - not every machine has this issue.

Found some sample code on the dojo site and incorporated it in my code.

Chrome (v26) returns "You have a touch capable device and so I loaded dojo/touch". Pan and zoom doesn't work...

IE10 and Safari correctly return "You do not have a touch capable device and so I loaded dojo/mouse". Everything works as I would expect...

Mapping in arcgis.com doesn't work in Chrome either, no zoom or pan.

RazOtzker

Had the same problem, after reading this thread,
and after struggling for an hour I've found that someone at work installed the windows feature "Tablet PC Components" which i guessed made all the problems.

So, simply uninstall it -> Control panel -> Uninstall a program -> Turn windows features on or off. Uncheck the "Tablet PC Components", perform the reboot as u asked. and then everything will work.

or just wait for the next version of esri 😉

MichaelBlom

I'm on 3.5 and the issue still exists for Chrome.

JasonWarzinik1

Seems this is an issue we are getting reported to us by more and more users of Windows touch enabled machines. Any update on if this has been addressed on the API level? Still seems to be an issue with the latest Chrome v36 and ESRI JS v3.8

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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