topic Popups for map services do not work in newer versions of ArcGIS JS API in ArcGIS JavaScript Maps SDK Questions

Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Wed, 06 Dec 2023 00:14:50 GMT

Has anyone else noticed strange behavior with popups in the last several versions of the ArcGIS JavaScript API? It seems to start around version 4.24. (Previous versions would do the popup but without highlighting the feature.)

I’m using ES Modules, built with webpack, and a web map built with the new map viewer.

It seems like map services with more complex symbology don’t show a popup. I’ve checked the web map to ensure popups are enabled and configured. Popups also work in the web map itself. But once brought into a custom web app, the popups don’t always work.

Has anyone else noticed this?

Re: Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Wed, 06 Dec 2023 15:02:33 GMT

I'm not sure what I did wrong, but I did some further testing with very very minimal apps. It seems like 4.26 is when the popups stopped working for complex symbology in map services (I originally said 4.24). JS 4.24 does still have popups but without highlighting the feature. JS 4.25 has the popup as well as highlighting the feature, which is ideal.

JS 4.26, 4.27, and 4.28 all do not work.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

ReneRubalcava — Wed, 06 Dec 2023 15:11:23 GMT

f you could provide a repro sample showing the behavior in codepen, github, or stackblitz, we could better debug.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Wed, 06 Dec 2023 16:47:21 GMT

I hope these help.

JS 4.25
https://codepen.io/danielwebb/pen/OJddVwV

JS 4.26
https://codepen.io/danielwebb/pen/oNmmXxy

The Forest Service roads and road centerlines are in a map service. FS are the black and white dotted lines (more complex symbology). The road centerlines have symbology scales set for each road class (so local roads turn off when zoomed too far out, etc).

The blue lines are streams and rivers which are a hosted layer. The popups always seem to work on hosted layers in every version.

(Portal version is 10.9.1)

Re: Popups for map services do not work in newer versions of ArcGIS JS API

ReneRubalcava — Thu, 07 Dec 2023 20:12:43 GMT

Passed this on for someone to look at, thanks.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Thu, 23 May 2024 23:08:41 GMT

Hi Rene! Do you know if any progress has been made on this?

Re: Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Tue, 02 Jul 2024 23:58:57 GMT

Has there been any progress on this? I'm also using Experience Developer Edition 1.11 and the same thing is happening.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

ReneRubalcava — Wed, 03 Jul 2024 15:29:22 GMT

I believe there was a support ticket opened for this. That would be best route to track it.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

Adrian — Mon, 21 Oct 2024 08:29:18 GMT

Same here with missing popups. In our case we have two layers with a disjunct definition query. One layer shows features with a specific attribute set to 1 (e.g. A=1). The other layer shows all other features (A<>1). One of this layers renders the popup, the other not.

A query directly to the REST endpoint shows, that the service and the layer are ok. The correct data is queried.

It's definitely a version problem in the Maps SDK. All popups are ok with version 4.24 and 4.25. Starting with version 4.26 up to 4.30, one of the layer doesn't render the popup. The build-in Map Viewer in the portal shows the popup, because it's running with 4.24.

So far we don't know what to do. What circumstances cause the popup not to render for an arbitrary layer? Any suggestions Esri?

Re: Popups for map services do not work in newer versions of ArcGIS JS API

SeanStone — Wed, 26 Feb 2025 16:47:10 GMT

We experienced the same problem (even against 4.32) on a project.

As a workaround...

view.when(() => { view.map.layers.forEach((layer) => { layer.when(() => { if (layer.sublayers) { layer.sublayers.forEach((sublayer) => { sublayer.renderer = sublayer.renderer; }); } }); }); });

Adding this to the bottom of your sample seems to make the popups work as expected. @DanielWebb

The sublayer.renderer = sublayer.renderer after the layer is ready seems to be making the popups work as expected again.

cc @ReneRubalcava @Adrian

I have let the support analysts know regarding an associated bug reported as well.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

Adrian — Thu, 27 Feb 2025 07:27:26 GMT

@SeanStone Thank you for your workaround. Last week, we found a workaround for the problem as well. However, we cannot explain, why it was working at the end.

We Just had to delete the faulty layer in ArcGIS Pro, republish the service, add a new layer in ArcGIS Pro from scratch and setup all parameters according the old layer (naming, labeling, layer id, popup definition, definition query, symbolisation, etc.). After republishing the map service again, magically everything was ok. 🎉

At the end, we have an identical looking layer in ArcGIS Pro and on the server with the difference, that the popup is rendered.

We suspect a versioning and compatiblilty problem. The layer was migrated through several ArcGIS Pro versions and somehow ended in this currupt state.

Re: Popups for map services do not work in newer versions of ArcGIS JS API

DanielWebb — Thu, 13 Mar 2025 14:10:56 GMT

This is great! Thank you so much! Now maybe I can begin to update the apps to newer JS SDK versions. I was worrying that we were getting too far behind.