topic Map view padding change doesn't carry over to popup in ArcGIS JavaScript Maps SDK Questions

Map view padding change doesn't carry over to popup

lakshmanankrishnan — Wed, 01 Jun 2022 20:36:33 GMT

When I a try to dynamically change the left padding of my map view based on toggling a div, the popup popup position is not updated.

For instance in the above snapshot, whenever I show the panel on the left, I set the left padding of my map view to 400px. But when I click on the "light blue" graphic shown on the map the popup opens up about 200px to left of the popup. The popup is acting as if it didn't get the message that the left padding on the map view has changed. How do I fix this?

-lak krishnan

Re: Map view padding change doesn't carry over to popup

ReneRubalcava — Thu, 02 Jun 2022 17:27:35 GMT

Do you have a repro of this, a codepen or something? I wasn't able to repro.

Re: Map view padding change doesn't carry over to popup

lakshmanankrishnan — Tue, 07 Jun 2022 18:55:02 GMT

I was finally able to get my Github repo setup for sharing my code. The link is https://github.com/lkrishnan/FinsLiveV3

The working dev website can be accessed at https://maps.mecklenburgcountync.gov/finslive

I also created a code pen sample to test out this feature. https://codepen.io/lkrishnan/pen/PoQaejv

The code pen sample seemed to work as expected though. The only thing off about it was that "Zoom Control" wasn't changing position when the mapview's left padding was altered.

-lak

Re: Map view padding change doesn't carry over to popup

ReneRubalcava — Tue, 07 Jun 2022 20:54:33 GMT

Ok, I think I see the issue. You want to update the entire padding object, not just a single property.

view.padding = { ...view.padding, left: leftPadding };

That seems to be much cleaner when I test it in your app.