Google MyMaps Embed acts up on mobile

Design help Custom code
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: Webflow - Urakashi 100

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
https://stackoverflow.com/questions/34766636/ios-browser-iframe-jumps-to-top-when-changing-css-or-content-using-javascript

Hope it helps John :grinning:

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

1 Like
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/

1 Like
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.

15

Much thanks to you such a great amount for examining this for me, Jörn. Anyway it didn’t take a shot at my site :befuddled:

I glued the code in the leader of my site, however for reasons unknown it executes all my install code and connections on versatile.

Regards

20

Glad I could help and its working for you :grinning:

23

That’s a Wordpress site you have there. FYI this is a forum for Webflow sites. It could be other plugins you have or custom code on your site that interfere with the code. Hard to help you with WP sites on this forum.

24

Great article dear. love your information.

How to download titanium tv Apk

Get titanium tv for Mobile

25

Hello,

@vikaskundu Mate it’s not working for me. Followed what Jorn suggested but still not working. Can you help me out?

Regards, 9Apps
Cartoon HD Vidmate

26

Hello,

@seoking

It’s not working for me either.

regards.
9Appsapk.vin
VidMateapp.vin

27

Strange! As it works fine for me.

Regards,
mx player apk