z-index issues with arcgis-home, arcgis-zoom and the like v4.34

[DeanWilson]

I'm working with the calcite components and narrowed my issue to this.  When I use:

<script src="https://js.arcgis.com/4.34/"></script>
<script type="module" src="https://js.arcgis.com/4.34/map-components"></script>

I get this (notice arcgis-home and arcgis-zoom is z-indexed ABOVE the popup):

but when I use:

<link rel="stylesheet" href="https://js.arcgis.com/4.33/esri/themes/dark/main.css" />
  <script src="https://js.arcgis.com/4.33/"></script>
  <script type="module" src="https://js.arcgis.com/4.33/map-components"></script>

I get this (normal z-index on the components.  The popup hides them.):

Any thoughts on a fix for this?

I'm going to sit on 4.33 until this gets resolved because it introduced a bug in my responsive mobile application.  

[KellyHutchins]

If you setup your app to use the beta popup component in 4.34 the popup will sit above the other components. https://developers.arcgis.com/javascript/latest/sample-code/intro-popup/

[DeanWilson]

Thanks for the quick reply @KellyHutchins !

Well I have all of my popup stuff built into my webmaps right now, and with that still being beta, I really don't want to have that in a production application right now.  I do like the fact that the dev team over there is using shadow dom css so the external sheet isn't needed in 4.34 though.  But I suppose I'll just wait for 4.35 (or I guess 5.0) to make the jump.  Any ideas on timing for that?

Thanks!

[DitwanDPrice]

Version 5.0 is scheduled for release in February 2026. For more details about semantic versioning and the release plan, see the blog post linked here.