Select to view content in your preferred language

Experience Builder Popup Z-order on IPhone

246
3
03-20-2025 04:10 PM
DamianKolbay
Emerging Contributor

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.

no_popup.jpg

 

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

desktop_android.jpg

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

iphone.jpg

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

0 Kudos
3 Replies
Ke_Xu
by Esri Contributor
Esri Contributor

Hi @DamianKolbay ,

I could reproduce this issue on the iPhone. I will let you know as soon as it is fixed.

 

Thanks,

Ke

0 Kudos
DamianKolbay
Emerging Contributor

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

0 Kudos
Ke_Xu
by Esri Contributor
Esri Contributor

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

0 Kudos