topic Re: PopupTemplate missing vertical scroll bars in ArcGIS JavaScript Maps SDK Questions

PopupTemplate missing vertical scroll bars

PeteVitt — Tue, 26 Nov 2024 21:47:07 GMT

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-new-popup-4-28/td-p/1340828

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
});

Re: PopupTemplate missing vertical scroll bars

PeteVitt — Wed, 27 Nov 2024 17:40:03 GMT

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

Re: PopupTemplate missing vertical scroll bars

PeteVitt — Wed, 11 Dec 2024 18:03:14 GMT

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