Hi,
We are using arcgis js sdk within our angular (17) application. We updated from @ArcGIS/core@4.28.9 to @ArcGIS/core@4.29.10 we realized that the zoom buttons are (most of the time) not working. Meaning by clicking on the "+" button the zoom level does not change. Using the mouse wheel to zoom works fine.
When downgrading to the older version the buttons work like intended.
I also created an example: https://stackblitz.com/edit/stackblitz-starters-tlrh2e?file=package.json
To downgrade arcgis run:
npm uninstall @ArcGIS/core
npm install @ArcGIS/core@4.28.9
Many thanks in advanced
----
Edit: Duplicate of https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angula... => Workaround see: https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-angular-cli#known-issues
Solved! Go to Solution.
I figured out that the problem is a bug in Angular / zone.js. Updating zone.js to 0.14.5 fixed the issue. See this reply: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angula...
Hi
I recently switched over to 4.30 from 4.24 and the same thing happened to me too.
I develop my map with CDN. The zoom widget would work as a stand-alone map. But when I build my map into Drupal on the fly with Angular, the zoom control and home widget stopped working altogether.
Is this similar to what's been happening to you?
I figured out that the problem is a bug in Angular / zone.js. Updating zone.js to 0.14.5 fixed the issue. See this reply: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angula...
Hi
I also think the bug in the zone.js library is the cause of the issue. I found out that the Angular version that I'm running my maps on runs zone.js v0.11.4. But I have no way of testing it at the moment.