https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548873#M85897 <P>Thanks for the solution!</P> Tue, 15 Oct 2024 23:19:48 GMT kaleb_integralNZ 2024-10-15T23:19:48Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548330#M85879 <P>I have a problem where my popovers, calcite dropdowns and such all don't quite line up.</P><P>It could be to do with how my web app is laid out. I'm unsure which part would trigger this.</P><P>This problem only occurs on Chromium based browsers. Firefox is fine.</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Chrome" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/117156i86191FB47E43C87C/image-size/medium?v=v2&amp;px=400" role="button" title="Screenshot 2024-10-14 114055.png" alt="Chrome" /><span class="lia-inline-image-caption" onclick="event.preventDefault();">Chrome</span></span><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Firefox" style="width: 327px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/117157iCC9FEF378C8663F3/image-size/medium?v=v2&amp;px=400" role="button" title="Screenshot 2024-10-14 114121.png" alt="Firefox" /><span class="lia-inline-image-caption" onclick="event.preventDefault();">Firefox</span></span></P><P>&nbsp;</P><P>Reproducible Example:</P><P><A title="Codepen link" href="https://codepen.io/kaleb_integralnz/pen/wvVJwgx" target="_blank" rel="noopener">https://codepen.io/kaleb_integralnz/pen/wvVJwgx</A></P> Sun, 13 Oct 2024 22:44:01 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548330#M85879 kaleb_integralNZ 2024-10-13T22:44:01Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548512#M85885 <P>Hello <a href="https://community.esri.com/t5/user/viewprofilepage/user-id/814554">@kaleb_integralNZ</a>&nbsp;,</P> <P>&nbsp;</P> <P>Here is a fix:&nbsp;<A href="https://codepen.io/driskull/pen/eYqveRg" target="_blank">https://codepen.io/driskull/pen/eYqveRg</A></P> <LI-CODE lang="css">arcgis-map { height: 100%; container-type: inline-size; contain: layout; }</LI-CODE> <P>&nbsp;</P> <P>Here is some more information on why this is needed:</P> <P><A id="menurenk" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://dev.to/michaelcharles/chrome-129s-container-query-change-2i77" href="https://dev.to/michaelcharles/chrome-129s-container-query-change-2i77" target="_blank" rel="noreferrer noopener" aria-label="Link https://dev.to/michaelcharles/chrome-129s-container-query-change-2i77">https://dev.to/michaelcharles/chrome-129s-container-query-change-2i77</A></P> <P><A id="menurenm" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://issues.chromium.org/issues/369781727?pli=1" href="https://issues.chromium.org/issues/369781727?pli=1" target="_blank" rel="noreferrer noopener" aria-label="Link https://issues.chromium.org/issues/369781727?pli=1">https://issues.chromium.org/issues/369781727?pli=1</A></P> <P>&nbsp;</P> <P>Let me know if that solves it for you.</P> <P><LI-WRAPPER></LI-WRAPPER></P> Mon, 14 Oct 2024 20:33:01 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548512#M85885 MattDriscoll 2024-10-14T20:33:01Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548873#M85897 <P>Thanks for the solution!</P> Tue, 15 Oct 2024 23:19:48 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/calcite-popovers-expand-widget-not-rendering-in/m-p/1548873#M85897 kaleb_integralNZ 2024-10-15T23:19:48Z