topic Re: Sketch widget and Expand widget not playing nice in 4.30/angular? in ArcGIS JavaScript Maps SDK Questions

Sketch widget and Expand widget not playing nice in 4.30/angular?

AndrewVitale — Tue, 13 Aug 2024 22:57:54 GMT

I'm using ArcGIS SDK 4.30 with `web-components` seasoning. Sometimes `web-components-angular`, too.

When using `arcgis-sketch` component inside of an `arcgis-expand` container, the sketches seem to "register" in the `GraphicsLayer`. They are not visible on the map. They are selectable. See this Code Pen as an example (bottom-left sketch works fine without an expand, bottom-right sketch seems buggy with expand):

https://codepen.io/vitale232/pen/WNqXMvg

I've seen the same behavior in an Angular app that depends on `@arcgis/map-components-angular` as well. Just add this markup to the sample:

https://github.com/Esri/jsapi-resources/tree/main/component-samples/map-components/samples/angular

<arcgis-expand expanded position="bottom-right"> <arcgis-sketch></arcgis-sketch> </arcgis-expand>

Interestingly, I have an Angular component library with a public API similar to that of the `map-components` packages. The Sketch widget simply doesn't work there on 4.29+. Clicking on one of the Sketch tools never activates it.

If I use devtools to inspect the `calcite-action` elements that makeup the sketch UI, it does appear the click events are firing correctly.

Has anyone else experienced odd behaviors with Sketch and Expand in `core` 4.29+ or `web-components` 4.30+? Does anyone else using Angular 15+ and ES Modules have similar issues? Any ideas on how to further troubleshoot this? Thanks!

Re: Sketch widget and Expand widget not playing nice in 4.30/angular?

TrishPeller — Wed, 14 Aug 2024 13:38:16 GMT

I am using map-components-react 4.30. I can't get graphics to display after sketching. The in-progress graphics are rendered fine, but when the sketching is completed, the graphic disappears. It's similar to this issue here: https://github.com/Esri/esri-loader/issues/262. Don't know if it's related to your issue.

Re: Sketch widget and Expand widget not playing nice in 4.30/angular?

AndrewVitale — Thu, 15 Aug 2024 22:41:37 GMT

Thanks for confirming the React behavior, @TrishPeller !

That issue rings a bell—probably because I was the one who filed it a few years back 😅. It's funny how these things come full circle. I wonder if we might catch the attention of a maintainer on this one?

Re: Sketch widget and Expand widget not playing nice in 4.30/angular?

AnneFitz — Wed, 21 Aug 2024 17:23:35 GMT

Thanks @AndrewVitale for bringing this issue to our attention! We've just installed a fix for this bug in the 4.31 version of map components. You can test it out by using the /next development version of the CDN.

Here's an updated version of your example using the /next release: https://codepen.io/annefitz/pen/NWZYMRW?editors=1000