Bug 90999 – Videos become unclickable/unviewable if not on the leftmost column of CSS3 columns

• Status: UNCONFIRMED
• Component: CSS

[Andy Adams]

When embedding a YouTube video via iframe in a CSS3 columnized container, the video becomes unresponsive - either you can't click it, or you can't see it while it plays.

This seems to be corrected if you resize the browser window, but if you do not resize, it repeats itself.

Tested in Chrome and Safari with the same results:

Video on left side, works: http://jsfiddle.net/KVwQ8/8/
Video on right side, doesn't work: http://jsfiddle.net/KVwQ8/7/

Equivalent FireFox example that works with video on right side: http://jsfiddle.net/KVwQ8/9/

Let me know if you have any questions!

[Simon Fraser (smfr)]

I was just working on this!

[Radar WebKit Bug Importer]

<rdar://problem/11861979>

[Simon Fraser (smfr)]

Actually this is working OK for me.

[Andy Adams]

(In reply to comment #3)
> Actually this is working OK for me.

Are you on a different build than me, perhaps? I'm on Safari 5.1.7 (7534.57.2) and I'm still seeing the issue on the links I provided.

[Simon Fraser (smfr)]

Yes, Safari 6 / Top of Tree.

[Andy Adams]

(In reply to comment #5)
> Yes, Safari 6 / Top of Tree.

Sorry if I've mis-tagged the ticket. I'm not sure which version of Webkit I'm on.

[Dave Hyatt]

Just a guess, but probably the iframe isn't marked as composited yet when the parent document's layer tree is placed. We need to either move or duplicate the hack to place composited boxes in columns, or ensure that the parent document's layer tree re-runs the layer positioning update when compositing suddenly turns on for the enclosing iframe.

Does that sound about right, Simon?

[Simon Fraser (smfr)]

That might be it, not sure without debugging.