topic Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe in ArcGIS Web AppBuilder Questions

Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Fri, 26 Mar 2021 13:37:15 GMT

I have a WAB app that I built using the developer edition version 2.13. I've been working on the app for about a year now and we recently noticed that the feature popups no longer open in the app we have embedded it in. The app is embedded through an iFrame. Our organization supports IE, Edge and Chrome internally and everything works fine with the microsoft browsers but no click events are triggered in chrome. It's odd though because the double click event on the map still works with the zoom functionality. I also created a test app where I embedded the wab app. I placed copies of the test app on our primary dz web server and also on our internal web box. The popups work on the internal box in chrome as expected. The popups only render in the dz server when the test app is accessed over http - https does not work. Our chrome software recently got updated to version 89.0.4389.90. I reverted my chrome back to version 84 the other day and everything began to work again as expected. A nightly routine updated my chrome overnight back to version 89.x and the popups stopped working. The popup issue appears to effect all our portal apps and maps.

So the issue appears to be related to our domain and browser. Has anybody ran into similar issues with WAB apps or Portal maps? The iFrame code is shown below.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Fri, 26 Mar 2021 18:55:38 GMT

I was able to resolve the issue by upgrading to WAB 2.19. The popups now work properly in iFrames. The issue appeared to effect all our web maps (Portal 10.7.1) and all our custom WAB apps (2.13).

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

IngridMans — Mon, 29 Mar 2021 14:22:21 GMT

How do you think this would relate if we have an app built in the browser built-in version of WAB? I found this post because I have recently had complaints about a layer's popups not appearing in Chrome, on a WAB (built-in) app I created on our Portal (10.8). The service is a referenced map service sourced from our federated server. The only common denominators seem to be popups not consistently working for Chrome users on laptops or tablets, using a wifi network (both inside our org and outside customers). I've yet to experience the behavior myself from my own workstation.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Mon, 29 Mar 2021 15:05:55 GMT

The issue we were seeing appeared to effect all our wab apps (custom and built-in) and portal web maps when embedded in iFrames. However, the issue only appeared in Chrome and it was domain specific. We have one server that sits in a dz and accepts requests from the public internet. The other is only available internally. I created a quick test app and placed iFrames in each that pointed at a portal app. The popups showed on the internal box but not in the dz server. The popups were working in Chrome before the recent updates Google posted.

Our Portal is running at version 10.7.1. The layers with the popups are map services.

I have Google Chrome on a personal machine that is running the same version as my organization. The popups worked with WAB 2.13 on my personal machine. I tried reverting my chrome version on my company machine and that worked until a nightly routine pushed me back to 89.x. ESRI reported that they are getting a lot of calls in regards to chrome and they believe it has something to do with user profiles not being setup correctly. The resolution we found involved updating our local wab app to version 2.19. I understand that isn't really an option for larger orgs with many apps, so maybe you should start a case with ESRI.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

IngridMans — Mon, 29 Mar 2021 15:10:33 GMT

Thanks for that feedback. Silly question: if my apps were built using the non-developers edition of WAB, then how do I update those?

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Mon, 29 Mar 2021 15:14:48 GMT

I'm not sure that is possible since all that is handled during the portal upgrade process. ESRI would obviously know more. You might deploy the developer edition on your local machine and just upload the app to your server for hosting purposes. The developer edition has the same ui as the built-in one packaged with portal but it offers more flexibility for customizations.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

Banff_GIS_Department — Mon, 29 Mar 2021 18:13:13 GMT

I have the same problem - built-in WAB and not all users are suffering the no-popup situation. It only happens in Chrome (all seems to be on latest version 89.0.4389.90). I am using Portal 10.7.1, federated server.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Mon, 29 Mar 2021 18:26:01 GMT

I would contact esri tech support over chat and request a case if you have a maintenance agreement with them. Our organization pushed chrome updates about a week ago and another esri thread mentions they think there is an issue with the chrome profiles. Our issue had me very puzzled as the same source code worked from our internal domain but not from our public facing box.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

Banff_GIS_Department — Tue, 30 Mar 2021 15:02:50 GMT

Thanks James - I have a case in and will update here if any solution is found. What was that other thread? Its puzzling for sure (and tricky for me because I do not have the problem!)

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

JamesMadden1 — Tue, 30 Mar 2021 15:06:02 GMT

thread - https://community.esri.com/t5/arcgis-web-appbuilder-questions/web-app-not-working-on-chrome/td-p/1040380

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

Dan — Wed, 31 Mar 2021 12:05:38 GMT

Same issue with the Javascript API: Intermittent, only in Chrome, and only for some users (although spreading to more users). We, too, solved it by updating the API, but still looking for the actual cause. You may want to follow this thread as well.

https://community.esri.com/t5/arcgis-api-for-javascript/javascript-api-3x-map-click-event-intermittently-fails-to-fire/m-p/1040738#M72210

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

IngridMans — Wed, 31 Mar 2021 14:58:33 GMT

Is there a post for dummies like me about how to upgrade the JS API? Out apps were built using OOTB WAB rather than developers edition.

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

Brian_Wilson — Wed, 31 Mar 2021 15:56:43 GMT

We've been yapping about it on this posting Re: Web app not working on chrome

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

TychoGranville — Fri, 09 Apr 2021 21:01:41 GMT

We just ran into this (sort of). Chrome popups work *unless* you are going through our VPN. Would the above solutions fix our issue?

Re: Popups Not Opening in Chrome When WAB App Embedded in Iframe

Brian_Wilson — Fri, 09 Apr 2021 22:42:49 GMT

I only know that it happens when the display scaling of the browser and Windows desktop don't match, for example my Windows setting was 125% and the problem went away when I changed it to 100% (which makes the fonts on this computer uselessly tiny but popups worked!!)

I bet if you look carefully at what's happening with your VPN there is some other issue involving display scales, like there's Remote Desktop Connection or Citrix or something like that that is running in a scaled window?? Is this possible?? Or you're running a browser on a remote system and its scaling is different?

If that's the case then yes, updating the JSAPI should fix it!