The "click shade" on gmaps embeds is 💯

(Kane York) #1

Continuing the discussion from Embedding custom created Google Maps:

One more tiny, awesome detail of Discourse: Because gmaps embeds capture mousewheel events, there’s an invisible shade over the embed that you need to click to remove. Click or tap once, and it’s usable. Don’t click or tap, and you can scroll on by.

Here, test it out:

Google maps embedding broken in 1.8.0.beta8
(Jeff Atwood) #2

Big giant blank spot on mobile safari though.

(Arpit Jalan) #3

Yes, I can repro this on my MacBook (OS X 10.11.3) and iPad mini (iOS 9.3) Safari browser (works fine on iPhone 6 safari though). Added on my list. :pencil:

(Sam Saffron) #4

Chrome on iPad does some real strange stuff when you visit this topic, takes me direct to the google maps app

(Kane York) #5

oh, wow.

That’s probably because of some behavior with the iframe, but… wow.

(Jeff Atwood) #6

Did not do that for me on iPad Pro.

(Sam Saffron) #7

Only in Ipad chrome if google maps is also installed

(Arpit Jalan) #9

This maybe because of:

With iOS 9, Apple introduced Universal Links, a brand new way to handle links with native apps. App developers, such as YouTube, can register domain names to open web links directly into an app, bypassing Safari.