ArcGIS Javascript 4.10 Popup Maximum Height

680
1
01-28-2019 02:57 PM
DionLiddell
New Contributor III

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

0 Kudos
1 Reply
DionLiddell
New Contributor III

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>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
0 Kudos