Maps Component & Layout

Hello @roser ,

I recently implemented the new full-page map on an experience I’m building, and I am noticing two issues with the display on mobile. The below screenshots are using fake facility entities for demo purposes.

  1. In the list view, there is a footer with a large amount of white space at the bottom of the page, under the Current Location section. I also see this same white space on larger screens like my monitor, but not my laptop screen.

Mobile Screen: (Safari - iPhone 11)

Computer - Large Monitor

  1. On the map view, when I click a pin, only a portion of the card pops up. I cannot see the second CTA fully, and I cannot scroll at all in order to access it.

I was initially on the early access branch, but I have upgraded to the new 1.20 GA theme, created a brand new full page map and location card to accommodate any changes, and refreshed all SCSS related to the map and card.

Any insight into how I could fix these two issues would be greatly appreciated!

Best,
DJ