<?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 Re: 4.27 - Popup location issue in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304475#M81584</link>
    <description>&lt;P&gt;This works if you remove the custom css you added to modify the popup. You might need to adjust that.&lt;/P&gt;</description>
    <pubDate>Thu, 29 Jun 2023 14:42:01 GMT</pubDate>
    <dc:creator>ReneRubalcava</dc:creator>
    <dc:date>2023-06-29T14:42:01Z</dc:date>
    <item>
      <title>4.27 - Popup location issue</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304323#M81580</link>
      <description>&lt;P&gt;Popup will not update / trigger change detection when async data is loaded.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;U&gt;&lt;STRONG&gt;Reproduce&lt;/STRONG&gt;&lt;/U&gt;:&lt;/P&gt;&lt;P&gt;&lt;A href="https://codepen.io/michaelk95/pen/eYQvReQ?editors=1100" target="_blank"&gt;https://codepen.io/michaelk95/pen/eYQvReQ?editors=1100&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;U&gt;&lt;STRONG&gt;Initial popup state:&amp;nbsp;&lt;/STRONG&gt;&lt;/U&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="init.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/74469iEAEEA0BCACD0C21E/image-size/medium?v=v2&amp;amp;px=400" role="button" title="init.png" alt="init.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;U&gt;&lt;STRONG&gt;When data is loaded (async)&lt;/STRONG&gt;&lt;/U&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="loaded.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/74470iA5C9EA8673E5548B/image-size/medium?v=v2&amp;amp;px=400" role="button" title="loaded.png" alt="loaded.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt; The width of the popup should be auto (fit-content)&lt;/P&gt;&lt;P&gt;.esri-popup__main-container {&lt;BR /&gt;&amp;nbsp; &amp;nbsp; width: auto !important;&lt;BR /&gt;}&lt;/P&gt;&lt;P&gt;It's only with version 4.27. The popup DOM element should be updated when the &lt;U&gt;&lt;EM&gt;popup.content&lt;/EM&gt;&lt;/U&gt; has changed. Can someone have a look? Thanks&lt;/P&gt;</description>
      <pubDate>Thu, 29 Jun 2023 08:08:41 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304323#M81580</guid>
      <dc:creator>michaelpoa</dc:creator>
      <dc:date>2023-06-29T08:08:41Z</dc:date>
    </item>
    <item>
      <title>Re: 4.27 - Popup location issue</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304475#M81584</link>
      <description>&lt;P&gt;This works if you remove the custom css you added to modify the popup. You might need to adjust that.&lt;/P&gt;</description>
      <pubDate>Thu, 29 Jun 2023 14:42:01 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304475#M81584</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2023-06-29T14:42:01Z</dc:date>
    </item>
    <item>
      <title>Re: 4.27 - Popup location issue</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304780#M81589</link>
      <description>&lt;P&gt;Yes, correct&lt;/P&gt;&lt;P&gt;But it's not possible to set the popup's width to auto?&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;&lt;STRONG&gt;&lt;U&gt;For example:&amp;nbsp;&lt;/U&gt;&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;&lt;U&gt;esri css:&lt;/U&gt;&lt;/STRONG&gt;&lt;/P&gt;&lt;DIV class=""&gt;&lt;DIV class=""&gt;&lt;SPAN class=""&gt;&lt;SPAN class=""&gt;.esri-view-width-large .esri-popup__main-container&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN class=""&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;{&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;&lt;SPAN class=""&gt;&amp;nbsp; &amp;nbsp; width&lt;/SPAN&gt;&lt;SPAN class=""&gt;:&lt;/SPAN&gt;&lt;SPAN&gt;400&lt;/SPAN&gt;&lt;SPAN class=""&gt;px&lt;/SPAN&gt;&lt;SPAN&gt;;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;}&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;But I don't want the popup to have a fixed size, it should fit the content? Not possible?&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;THanks&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 30 Jun 2023 07:28:44 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304780#M81589</guid>
      <dc:creator>michaelpoa</dc:creator>
      <dc:date>2023-06-30T07:28:44Z</dc:date>
    </item>
    <item>
      <title>Re: 4.27 - Popup location issue</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304863#M81594</link>
      <description>&lt;P&gt;Not for the popup. If you need something slightly different, you might want to look at the Features widget which lets you place popup content anywhere you want.&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features.html" target="_blank"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features.html&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 30 Jun 2023 13:44:20 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/4-27-popup-location-issue/m-p/1304863#M81594</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2023-06-30T13:44:20Z</dc:date>
    </item>
  </channel>
</rss>

