topic ArcGIS Javascript 4.10 Popup Maximum Height in ArcGIS JavaScript Maps SDK Questions

ArcGIS Javascript 4.10 Popup Maximum Height

DionLiddell — Mon, 28 Jan 2019 22:57:59 GMT

Hi,

This question is specific to the Popup class within the ArcGIS API for Javascript 4.10. It appears that the maximum size of a non-docked popup (with custom content) might be 460px wide and 300px high. I'm trying to eliminate vertical scrollbars that appear when the maximum size of a popup is reached, and I think that increasing the maximum height of popups is the best way to do this. Is there a way to increase the maximum height of popups?

Thanks,
Dion

Re: ArcGIS Javascript 4.10 Popup Maximum Height

DionLiddell — Sat, 11 Dec 2021 13:22:30 GMT

Modifying the max-height attribute of esri-popup__main-container appears to do the trick. Is there (or is this) an official way to increase the maximum height?

Update - the style below stopped working, but this community answer fixed the problem.

<link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css">
<style>
  .esri-popup__main-container {
    max-height: 600px;
  } 
</style>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍