Overlapping widgets and pop-ups in Instant Apps

[SarahNoakes1]

When a widget such as the layer list or legend is open, and the user clicks on a feature very close to that open widget, the pop-up appears behind the widget. 

I would like to be able to click on the pop-up to bring it into the foreground so I can view the details without losing my area of interest (i.e. the current extent) or closing the widget.

[KellyHutchins]

Thanks for the feedback. We can look at this for a future release. In the meantime if the app you are using supports adding custom css via the configuration process you can try adding this to force the popup to display on top of the expanded content (legend, layer list etc). It looks like you are using Basic which does not support custom CSS but the Media app has the same functionality as Basic (+ more) and supports custom CSS. 

calcite-popover,
.esri-ui .esri-popup {
  z-index: 0;
}

[SarahNoakes1]

Hi @KellyHutchins - thanks for the hint 🙂

[ShaneONeill_144]

ENH-000171761:Allow the ability to bring forward pop-ups when widgets and pop-ups overlap

[LeonS]

Would love this capability in Experience Builder apps too!