niemeyer
(Gustavo Niemeyer)
March 29, 2017, 3:32am
1
Looking at the HTML generated, there’s a transparent <div>
right above the map iframe that is overlaid on top of the map:
Removing that div in the debugger makes the map work fine.
Confirmed broken in Firefox 52.0 and Chrome 56.0, with several different URLs.
Some more background: I cannot reproduce this on another category. The bug happens under Staff.
Nevermind… I don’t know why it worked once. It consistently doesn’t work now.
niemeyer
(Gustavo Niemeyer)
March 29, 2017, 9:13pm
2
Hello… anyone around here?
niemeyer
(Gustavo Niemeyer)
March 29, 2017, 11:41pm
3
Probably not… if anyone else has this issue, you can workaround it by creating a custom CSS via the admin interface and using the following there:
div.maps-onebox > div:first-child {
z-index: -1;
}
You enter this both in the first tab and in the mobile one. Save, enable, and be happy.
3 Likes
eviltrout
(Robin Ward)
March 30, 2017, 3:09pm
4
2 Likes
jomaxro
(Joshua Rosenfeld)
March 30, 2017, 5:36pm
5
This background might be useful:
The “click screen” div that’s supposed to block scrolls, but be deleted as soon as you click it, is sticking around longer than it’s wanted.
<div class="maps-onebox">
<!-- this thing -->
<div style="background:transparent;position:relative;width:690px;height:400px;top:400px;margin-top:-400px;"></div>
<iframe src="https://www.google.com/maps/d/embed?mid=za0Bx0koO4sk.kHCbG4TApEP4" width="690" height="400" frameborder="0" style="border:0">&lt;img src="https://www.google.com/maps/d/thumbnail?mi…
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:
5 Likes
techAPJ
(Arpit Jalan)
April 3, 2017, 2:03pm
7
This issue was because we recently pushed a security change in which we sanitized the onebox output HTML. Previously that transparent div used to have onClick="style.pointerEvents='none'"
attribute but now it’s getting removed by sanitize gem. It seems like sanitize
gem does not support whitelisting of onClick
attribute.
For the time being I fixed this issue by removing the transparent <div>
on top of iframe.
I will see if we can workaround this to add the transparent div back so that Google Maps onebox does not interfere with page scrolling.
7 Likes
techAPJ
(Arpit Jalan)
Closed
April 5, 2017, 5:11pm
8
This topic was automatically closed after 2 days. New replies are no longer allowed.