PopupTemplate missing vertical scroll bars

[PeteVitt]

Hi - I'm working with ArcGIS Maps SDK for Javascript 4.31.1 using Angular and Angular Material 18.2. The issue I'm having is that the popupTemplate doesn't show a vertical scrollbar when the content exceeds the height of the window.  Is there anything I can do to make the scroll bar appear?

This post indicates this was a known issue at 4.27 but that it was solved at 4.28.  https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/missing-a-vertical-scroll-in-a-ne...

Thanks

Pete

Pop Up Implementation:

//popuptemplate for dischargers
const popUpTemplate = new PopupTemplate({
title: "{Permittee}",
content: [{
type: "fields",
fieldInfos: [
{
label: "Address:",
fieldName: "StreetAddress",
visible: true
},
{
label: "City:",
fieldName: "City",
visible: true
},
etc..
]
}]

});

var featureLayer = new FeatureLayer({
url:
"https://www.xy/rest/services/BineLineDischargers/MapServer/0",
outFields: ["*"],
popupTemplate: popUpTemplate
});

[PeteVitt · Accepted solution]

I tested my feature layer using just javascript against the popUpTemplate sample: https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=intro-popuptemplate. the scrollbars appeared just fine.  Angular and/or Angular Material must be interfering somehow.  I'll try the PopUp widget -- there is an option to dock the popup and that at least will provide a bigger window for the data to fit in.

Pete

Pete

[PeteVitt]

I think this is the best that I'll be able to do with this.  Still need to get the pop-up widget working