▼
Streaming live at 10am (PST)

Google MyMaps Embed acts up on mobile

#1

Here is a video that shows the problem:

Basically in the Google MyMaps embed window, when you open a location and then tap the back button in the top-left corner it shoves you to the bottom of the page for some reason.

The strange jump happens on mobile (iOS iPhone Safari), tablet (iOS iPad Safari) but not on desktop.

Could it be my way of embedding it that’s wrong?

Live site: http://urakashi.webflow.io

Here is my site Read-Only: https://preview.webflow.com/preview/urakashi?preview=e2b524bc23494dbc10fab881d19a8176

#2

Has anyone got any ideas? Or know somewhere (like a google expert forum) that I can ask?

#3

Try adding this code to the page or site

<style>
    html, body {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
</style>

It worked on my testsite for this issue.
http://google-my-maps-test.webflow.io

Found this question over at product forums
https://productforums.google.com/forum/#!topic/maps/TLjqDaqX73M

And he linked to a question at Stackoverflow

Hope it helps John :grinning:

When I visit Japan you owe me a sake :smile:

#4

It works just fine for me, thank you so much for the solution Jorn :slight_smile:

Vikas Kundu
https://showbox.onl/ https://mobdro.onl/ https://dltutuapp.com/

#5

Thank you so much for researching this for me, Jörn. However it didn’t work on my site :confused:

I pasted the code in the head of my site, but for some reason it kills all my embed code and interactions on mobile… (not on desktop though)

Check here:

EDIT: Super frustrating since it does indeed seem to solve the problem on your test page, @jorn

#6

No problem John. Your site works for me on iPad now. But the map doesn’t load on my phone.

#7

Thanks again :slight_smile:

I don’t have any iPad to test with, but interesting to hear that it works there…

@Brando do you have any idea why adding the code above kills all my embeds and interactions on mobile for http://urakashi.webflow.io ? (testing on iPhone)

EDIT: Actually, now when I take a closer look it actually screws with all of the scroll interactions on desktop as well. Tested with Safari.