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

[JasonBartling1]

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.

[DitwanDPrice]

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?

[JasonBartling1]

@MatthewDriscoll Provided some great suggestions in my other post https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/trouble-with-arcgis-feature-table... .  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.

[JasonBartling1 · Accepted solution]

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... .