811547 - Black Youtube/Vimeo iframe embeds in transformed parent in window mode

Status: NEW

(Core :: Layout, defect)

Description

[nderambure]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121024073032

Steps to reproduce:

I've tried to embed a youtube (or vimeo) iframe video in a popup content with leaflet (js library for interactive maps).




Actual results:

Leaflet uses a css transform (since 0.4) for displaying the popup and it seems it causes the video to be a black zone instead of the video itself.

Before that (in 0.3), it did use top and left positionning for the popup and the video is displayed as expected.


Expected results:

The video in the iframe content should be displayed.

I've made 2 JSFiddle to test this.
One with Leaflet 0.3.1 (working) : http://jsfiddle.net/dway/2buSa/
One with leaflet 0.4.5 (not working) : http://jsfiddle.net/dway/LJkEB/

Comment 1

[nderambure]

Note that I've tested with firefox 16.02 on OSX snow leopard and Ubuntu/Kubuntu 12.10.

Comment 2

[Matthias Versen [:Matti]]

I can confirm the bug with Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/19.0 Firefox/19.0 SeaMonkey/2.16a1

Comment 3

[RobertHarm]

I can also confirm this bug with Mozilla/5.0 (Windows NT 6.1; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0

Comment 4

[nderambure]

Updated demo :
One with Leaflet 0.3.1 (working) : http://jsfiddle.net/dway/2buSa/
One with leaflet 0.5.1 (not working) : http://jsfiddle.net/dway/LJkEB/
One with leaflet 0.5.1 (working) (no 3D animation) : http://jsfiddle.net/dway/ZY8rB/1/

Comment 5

[yair even or]

nobody cares? please fix this!!!

Comment 6

[thefreiguy720]

Hey, any updates about this? A workaround (that allows for keeping 3D animation) or approximate timeline?

Comment 7

[mail]

Affecting me in Linux and Windows, rv:24.0.

Did anybody report a bug to the leaflet developers?

Comment 8

[mail]

(In reply to mail from comment #7)
> Did anybody report a bug to the leaflet developers?

Ok, I found the bug report: https://github.com/Leaflet/Leaflet/issues/999 with its workaround (zoomAnimation:false).

Comment 9

[RobertHarm]

Hi,
is there a chance that this gets fixed within Firefox? (Especially as videos are displayed correctly in every other browser).
best,
Robert

Comment 10

[(mostly gone) XtC4UaLL [:xtc4uall]]

FWIW, all mentioned Testcases here and in https://github.com/Leaflet/Leaflet/issues/999 are WFM testing

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0 ID:20140421162246 CSet: 1c35a9dca8a0 ESR
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0 ID:20140512030202 CSet: 20ca234fd62b

and Flash 14.0.0.95.