Experience Builder Popup Z-order on IPhone

Question

I used Experience builder to create a map app that allows a user to switch between several maps. The user selects the map to display using a menu widget. If a user selects a map feature, a custom popup displays that was coded using Arcade. When I view the Experience on a Windows Desktop or Android OS, everything works great but if I view the Experience on an iPhone, the menu widget (and text widget) float above the popup.

Here is the Experience view before a feature is selected. The menu and text widget is in the bottom left.

This is what the popup looks like on a Windows Desktop and Android OS (and how I want it to always look):

And here it is when the popup displays on the iPhone:

Any idea what causes the popup not to be the top item in the view and how I can fix it?

kxu · Answer

Hi @DamianKolbay,

This issue has been fixed in the June 2025 release.

Thanks,

Ke

kxu · Answer

Hi @DamianKolbay,

The rule is as follows:

1.Widget is placed on Map, Popup is on top of the widget. 
2. Open the widget in the widget controller, with the Popup below it.

We found the same bug in the browser before, and have fixed it. But we missed the iPhone.

Thanks,

Ke

DamianKolbay · Answer

Thanks Ke. Do you know if it is a recent issue or did I miss it when I first created the Experience?

For more testing info, I tried removing and re-adding the widgets. I tried changing the popup location from default to custom anchoring locations; neither helped. When I changed popup anchoring locations I noticed all the widgets floated above the popup, not just the menu. I did not try a fresh Experience to see if a new one would solve the problem.

Damian