Mobile popup blocked in ExB DevEd

[PLadd]

Using ExB DevEd 1.17.  Popup in mobile view is blocked by other elements on page (a button and a Search widget).  

When I set ".esri-popup__main-container{top: 50px} " in style.scss, the setting holds true on a desktop browser but seems to get overwritten in mobile view {top: 0px}.  The problem is browser-agnostic.

Also tried these settings but same issue:

  .esri-view-width-sxmall{top: 50px!important;}

  .esri--popup--is-docked-top-center{top: 50px!important;}

Also tried z-index: 1000 on all of above.  No changes.

You can see for yourself here (but don't use Developer Mode from a desktop browser because the issue doesn't occur - only on a true mobile device).  Property Viewer (ExB117)

Thanks in advance for any possible solutions.

[PLadd]

Not the ideal solution but it'll do for now.  I slid the map top down and placed the search bar outside the map widget so that the popup no longer is covered by other elements.  I'd still like to know why style.scss properties wouldn't work so all suggestions are still welcome.

[Ke_Xu]

Hi @PLadd,

Is this a problem you encountered when using an iPhone? It seems to be similar to this issue. https://community.esri.com/t5/arcgis-experience-builder-questions/experience-builder-popup-z-order-o...

Thanks,

Ke

[PLadd]

@Ke_Xu  thanks for the reply.  Yes, this is on iPhone (can't test Android).

[Ke_Xu]

@PLadd  I will let you know as soon as it is fixed.

BUG-000175443 When opening ArcGIS Experience Builder in an iOS browser, the Map widget tools will appear in front of the pop-up.

Thanks,

Ke