<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic What to change on calcite elements to allow child elements to overflow? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/what-to-change-on-calcite-elements-to-allow-child/m-p/1358882#M83073</link>
    <description>&lt;P&gt;I was using Arcgis 3 for our maps.&lt;/P&gt;&lt;P&gt;I modified the popup enough so it looked like this:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_0-1702196650611.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88571iA4C8798A97709746/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_0-1702196650611.png" alt="CLAUDIAROJOARDILA_0-1702196650611.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Now I'm trying to replicate this for Arcgis 4, I'm pretty close, but the popups seem to have the elements &amp;lt;calcite-flow&amp;gt; then &amp;lt;calcite-flow-item&amp;gt; as parents of the actual content of my popup, and these elements won't allow me to have absolute child elements overflowing the popup&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_2-1702197097019.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88573i4A9E69E9F6CD5468/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_2-1702197097019.png" alt="CLAUDIAROJOARDILA_2-1702197097019.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_1-1702196867421.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88572iF1C9571BB47BB7DC/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_1-1702196867421.png" alt="CLAUDIAROJOARDILA_1-1702196867421.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I thought it was just a matter of changing their overflow property from hidden to auto or something else, but that doesn't seem to be the case, out of curiosity using the browser's inspector I changed their tags to simple div's and that finally did it so the two elements could finally go up there without being cut off.&lt;/P&gt;&lt;P&gt;I'm asking for help here as I tried everything I could in terms of CSS to try and get the outcome I want but I haven't been able to, any help would be greatly appreciated&lt;/P&gt;</description>
    <pubDate>Sun, 10 Dec 2023 14:51:15 GMT</pubDate>
    <dc:creator>CLAUDIAROJOARDILA</dc:creator>
    <dc:date>2023-12-10T14:51:15Z</dc:date>
    <item>
      <title>What to change on calcite elements to allow child elements to overflow?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/what-to-change-on-calcite-elements-to-allow-child/m-p/1358882#M83073</link>
      <description>&lt;P&gt;I was using Arcgis 3 for our maps.&lt;/P&gt;&lt;P&gt;I modified the popup enough so it looked like this:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_0-1702196650611.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88571iA4C8798A97709746/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_0-1702196650611.png" alt="CLAUDIAROJOARDILA_0-1702196650611.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Now I'm trying to replicate this for Arcgis 4, I'm pretty close, but the popups seem to have the elements &amp;lt;calcite-flow&amp;gt; then &amp;lt;calcite-flow-item&amp;gt; as parents of the actual content of my popup, and these elements won't allow me to have absolute child elements overflowing the popup&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_2-1702197097019.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88573i4A9E69E9F6CD5468/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_2-1702197097019.png" alt="CLAUDIAROJOARDILA_2-1702197097019.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CLAUDIAROJOARDILA_1-1702196867421.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/88572iF1C9571BB47BB7DC/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CLAUDIAROJOARDILA_1-1702196867421.png" alt="CLAUDIAROJOARDILA_1-1702196867421.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I thought it was just a matter of changing their overflow property from hidden to auto or something else, but that doesn't seem to be the case, out of curiosity using the browser's inspector I changed their tags to simple div's and that finally did it so the two elements could finally go up there without being cut off.&lt;/P&gt;&lt;P&gt;I'm asking for help here as I tried everything I could in terms of CSS to try and get the outcome I want but I haven't been able to, any help would be greatly appreciated&lt;/P&gt;</description>
      <pubDate>Sun, 10 Dec 2023 14:51:15 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/what-to-change-on-calcite-elements-to-allow-child/m-p/1358882#M83073</guid>
      <dc:creator>CLAUDIAROJOARDILA</dc:creator>
      <dc:date>2023-12-10T14:51:15Z</dc:date>
    </item>
  </channel>
</rss>

