https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-not-functioning-with-arcgis-core-4-29/m-p/1399172#M84099 <P>Hi,</P><P>I hope this message finds you well. I'm writing to report an issue we've encountered with the zoom buttons when using npm <a href="https://community.esri.com/t5/user/viewprofilepage/user-id/642472">@ArcGIS</a>/core version 4.29.10 in an Angular project.</P><P>Description:&nbsp;<SPAN>I have a code example, if you open page buttons&nbsp;maybe will work but if you reload a page into the example, not the browser, zoom buttons stop working anymore, In my project, it's not working almost. Also into CodePane examples where we directly inject arcgis by script tag, those zoom buttons work correct</SPAN></P><P>Example Code: To demonstrate the problem, please refer to the following StackBlitz example: <A href="https://stackblitz.com/edit/stackblitz-starters-bs52et?file=src%2Fmain.ts" target="_self">Zoom Buttons Issue - StackBlitz</A></P><P>Video from StackBlitz:</P><P><div class="lia-vid-container video-embed-center"><div id="lia-vid-6349393564112w762h540r744" class="lia-video-brightcove-player-container"><video-js data-video-id="6349393564112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6349393564112w762h540r744'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6349393564112">(view in My Videos)</a></div></P><P>&nbsp;</P><P>Video from my project:&nbsp;</P><P><div class="lia-vid-container video-embed-center"><div id="lia-vid-6349393877112w286h286r651" class="lia-video-brightcove-player-container"><video-js data-video-id="6349393877112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6349393877112w286h286r651'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6349393877112">(view in My Videos)</a></div></P><P>This issue significantly impacts our project's functionality and usability. Any insights or assistance you can provide would be greatly appreciated.</P><P>Thank you for your attention to this matter.</P><P>&nbsp;</P><P>Best regards,</P> Thu, 21 Mar 2024 17:49:58 GMT VitaliyLihitskiy 2024-03-21T17:49:58Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-not-functioning-with-arcgis-core-4-29/m-p/1399172#M84099 <P>Hi,</P><P>I hope this message finds you well. I'm writing to report an issue we've encountered with the zoom buttons when using npm <a href="https://community.esri.com/t5/user/viewprofilepage/user-id/642472">@ArcGIS</a>/core version 4.29.10 in an Angular project.</P><P>Description:&nbsp;<SPAN>I have a code example, if you open page buttons&nbsp;maybe will work but if you reload a page into the example, not the browser, zoom buttons stop working anymore, In my project, it's not working almost. Also into CodePane examples where we directly inject arcgis by script tag, those zoom buttons work correct</SPAN></P><P>Example Code: To demonstrate the problem, please refer to the following StackBlitz example: <A href="https://stackblitz.com/edit/stackblitz-starters-bs52et?file=src%2Fmain.ts" target="_self">Zoom Buttons Issue - StackBlitz</A></P><P>Video from StackBlitz:</P><P><div class="lia-vid-container video-embed-center"><div id="lia-vid-6349393564112w762h540r390" class="lia-video-brightcove-player-container"><video-js data-video-id="6349393564112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6349393564112w762h540r390'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6349393564112">(view in My Videos)</a></div></P><P>&nbsp;</P><P>Video from my project:&nbsp;</P><P><div class="lia-vid-container video-embed-center"><div id="lia-vid-6349393877112w286h286r861" class="lia-video-brightcove-player-container"><video-js data-video-id="6349393877112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6349393877112w286h286r861'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6349393877112">(view in My Videos)</a></div></P><P>This issue significantly impacts our project's functionality and usability. Any insights or assistance you can provide would be greatly appreciated.</P><P>Thank you for your attention to this matter.</P><P>&nbsp;</P><P>Best regards,</P> Thu, 21 Mar 2024 17:49:58 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-not-functioning-with-arcgis-core-4-29/m-p/1399172#M84099 VitaliyLihitskiy 2024-03-21T17:49:58Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-not-functioning-with-arcgis-core-4-29/m-p/1399311#M84102 <P>Thanks for StackBlitz. See the discussion here for more information on this Angular bug and our suggested (potential) workaround: <A href="https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angular-map-component/m-p/1398110#M84073" target="_blank">https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-don-t-work-in-angular-map-component/m-p/1398110#M84073</A></P> Thu, 21 Mar 2024 21:10:19 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/zoom-buttons-not-functioning-with-arcgis-core-4-29/m-p/1399311#M84102 AndyGup 2024-03-21T21:10:19Z