Calcite popovers / expand widget not rendering in correct position

kaleb_integralNZ

I have a problem where my popovers, calcite dropdowns and such all don't quite line up.

It could be to do with how my web app is laid out. I'm unsure which part would trigger this.

This problem only occurs on Chromium based browsers. Firefox is fine.

ChromeFirefox

Reproducible Example:

MattDriscoll

arcgis-map {
  height: 100%;
  container-type: inline-size;
  contain: layout;
}

Here is some more information on why this is needed:

Let me know if that solves it for you.

MattDriscoll

arcgis-map {
  height: 100%;
  container-type: inline-size;
  contain: layout;
}

Here is some more information on why this is needed:

Let me know if that solves it for you.

kaleb_integralNZ

Thanks for the solution!