1301952 - Google Maps embed: some parts are missing when css filter is applied

Status: RESOLVED WORKSFORME

(Core :: CSS Parsing and Computation, defect)

Description

[ondrej.cerman]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160726073904

Steps to reproduce:

Create html that contains Google maps embed and apply css filter to it, like this: 
https://jsfiddle.net/nrL618ro/


Actual results:

Some elements in Google maps dissappeared, like: zoom-in, zoom-out buttons, Google logo, copyright texts, ....


Expected results:

All components of google map should be fully visible. (check jsfiddle link in Chrome, or in Opera)

Comment 1

[alex_mayorga]

¡Hola Ondrej!

Thanks for your report.

This is reproducible on Mozilla/5.0 (Windows NT 6.1; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0 ID:20160912030421 CSet: cfdb7af3af2e92e95f71ca2f1672bf5433beeb89

This is what shows into the "Browser Console":

Use of getAttributeNode() is deprecated. Use getAttribute() instead.  _dist-editor.js:2:25246
ifac initialized!  c:1

Strangely Nightly is the only browser that applies the grayscale, IE and Chrome do not.

¡Gracias!
Alex

Comment 2

[Andrew Overholt [:overholt]]

Attachment: what I see with beta 50 on Windows 10

Is this attached image what you expect? I can see the zoom in/out +/-.

Comment 3

[ondrej.cerman]

(In reply to Andrew Overholt [:overholt] from comment #2)
> Created attachment 8803470 [details]
> what I see with beta 50 on Windows 10
> 
> Is this attached image what you expect? I can see the zoom in/out +/-.

I checked it, yes the screenshot shows the expected results. I also checked the code again in my Firefox 48.0.2 and it is working fine now. Google propably changed the code, because it was not working before.

I guess this issue can be closed.

Comment 4

[Andrew Overholt [:overholt]]

Thanks for re-checking!