topic Trouble with ArcGIS Feature Table Displaying Over Calcite Popover (Z-index) in Calcite Design System Questions

Trouble with ArcGIS Feature Table Displaying Over Calcite Popover (Z-index)

JasonBartling1 — Mon, 09 Mar 2026 20:45:57 GMT

I already posted this in Javascript Maps SDK questions, but thought I'd post it here too as well since I wasn't sure which board was more relevant.

I am using the 4.33 maps SDK and calcite 3.2.1 and I would like to have the calcite popover windows in my application always display above any other elements. Right now I have an arcgis feature table that displays above the calcite popovers. I have tried adjusting the z-index in my css for these elements, but no values seem to the achieve the desired effect.

Here is a codepen that shows the issue: https://codepen.io/windowslover/pen/ByLLmrP

If I set the z-index to -1 in my #tableDiv css rule the feature table no longer appears above the popovers but then it displays behind the arcgis-coordinate-conversion widget and bottom application attribution, which is not desired.

Is there a css variable or some other setting that I can use to get the desired effect where the arcgis-feature-table is right below calcite popovers in z-index arrangement?

Edit: I forgot to mention you can drag/resize/expand the feature table with the button and edge of the feature table.

Re: Trouble with ArcGIS Feature Table Displaying Over Calcite Popover (Z-index)

DitwanDPrice — Tue, 10 Mar 2026 15:51:12 GMT

Hey Jason, It looks like you were able to find a solution, as the provided CodePen appears to be working as intended. I’m not seeing the table appear on top of the popover windows.

If that’s not the case, could you provide a screenshot and steps to reproduce the behavior you’re seeing?

Re: Trouble with ArcGIS Feature Table Displaying Over Calcite Popover (Z-index)

JasonBartling1 — Tue, 10 Mar 2026 16:20:46 GMT

@MatthewDriscoll Provided some great suggestions in my other post https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/trouble-with-arcgis-feature-table-displaying-over/m-p/1689538 . I'm still working through a solution and his other suggestion that has the feature table above the widgets but where the popovers are on top of everything. I may not get back to this until tomorrow morning, since I am watching the ESRI Developer Summit virtually right now.

Re: Trouble with ArcGIS Feature Table Displaying Over Calcite Popover (Z-index)

JasonBartling1 — Wed, 11 Mar 2026 14:58:03 GMT

My issue was solved with the great solution by @MatthewDriscoll . It can be found here https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/trouble-with-arcgis-feature-table-displaying-over/m-p/1689658/highlight/true#M88278 .