Select to view content in your preferred language

Map view padding change doesn't carry over to popup

532
3
Jump to solution
06-01-2022 01:36 PM
lakshmanankrishnan
Emerging Contributor

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.

Capture.PNG

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

0 Kudos
1 Solution

Accepted Solutions
ReneRubalcava
Honored Contributor

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. 

View solution in original post

0 Kudos
3 Replies
ReneRubalcava
Honored Contributor

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

0 Kudos
lakshmanankrishnan
Emerging Contributor

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

 

0 Kudos
ReneRubalcava
Honored Contributor

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. 

0 Kudos