RESOLVED CONFIGURATION CHANGED 89234
CSS columns containing media elements are rendered out of place 
https://bugs.webkit.org/show_bug.cgi?id=89234
Summary CSS columns containing media elements are rendered out of place
Andrew Scherkus
Reported 2012-06-15 11:22:45 PDT
Combine media elements w/ controls and CSS columns and things seem to break. The last column containing a <video> drops completely out of line. Inspector thinks it's still up top w/ the rest of the videos, but it's rendered in a completely different location. Firefox appears to render this correctly.
Attachments
HTML repro (1001 bytes, text/html)
2012-06-15 12:50 PDT, Andrew Scherkus 		no flags
Details
Chromium fail (10.86 KB, image/png)
2012-06-15 12:52 PDT, Andrew Scherkus 		no flags
Details
Firefox looks OK (17.48 KB, image/png)
2012-06-15 12:52 PDT, Andrew Scherkus 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Andrew Scherkus
Comment 1 2012-06-15 11:23:07 PDT
Reduction: http://jsfiddle.net/PwSV5/43/ Screenshots, etc on the way
Andrew Scherkus
Comment 2 2012-06-15 12:50:08 PDT
Created attachment 147880 [details] HTML repro
Andrew Scherkus
Comment 3 2012-06-15 12:52:21 PDT
Created attachment 147881 [details] Chromium fail
Andrew Scherkus
Comment 4 2012-06-15 12:52:35 PDT
Created attachment 147882 [details] Firefox looks OK
Ahmad Saleem
Comment 5 2023-05-06 07:09:27 PDT
I am not able to reproduce the bug / incorrect from reference images as of (Chromium fail) using JSFiddle and attached testcase and Safari 16.4.1 matches of Firefox reference image and of Firefox Nightly 114. Chrome Canary 115 has bug where only two video / media element just show in single line while third one is on the bottom. CCing - Alan to get his input whether Chrome behavior is desirable or since Firefox and Safari / WebKit are matching, we are good to go.
zalan
Comment 6 2023-05-07 09:45:34 PDT
this looks good.
Note You need to log in before you can comment on or make changes to this bug.