NEW71200
Potential layout bug in clearing overflowed floating objects
https://bugs.webkit.org/show_bug.cgi?id=71200
Summary Potential layout bug in clearing overflowed floating objects
Ryosuke Niwa
Reported 2011-10-30 19:49:26 PDT
Created attachment 113009 [details] test The following markup results in different layout on WebKit and Gecko. I suspect this is a WebKit bug because removing the inner-most div (the one with comment) will result in WebKit's rendering matching Gecko <!DOCTYPE html> <html> <body> <div style="height:50px; border: solid 2px red;"> <div style="height:50px;"></div> <div style="height:20px; border: solid 2px blue;"> <div style="height:20px;"><!-- If you delete this div, then WebKit matches Gecko --> <span style="padding-left: 100px;float:left;">This text appears on the right of "Content" on WebKit but above "Content" on Gecko</span> </div> </div> </div> <div class="content" style="clear:both;"> Content </div> </body> </html>
Attachments
test (510 bytes, text/html)
2011-10-30 19:49 PDT, Ryosuke Niwa
no flags
Ryosuke Niwa
Comment 1 2011-10-30 19:59:51 PDT
This bug was originally reported by an author of http://www.iranibash.com/musicvideo/.
Ojan Vafai
Comment 2 2011-10-30 20:02:21 PDT
Certainly looks like a bug to me. It also matches Gecko if you change the height from 20px to auto. It would help to know if this bug is actually live on http://www.iranibash.com/musicvideo/ or if it's just something the author encountered.
Ryosuke Niwa
Comment 3 2011-10-30 20:05:06 PDT
(In reply to comment #2) > Certainly looks like a bug to me. It also matches Gecko if you change the height from 20px to auto. > > It would help to know if this bug is actually live on http://www.iranibash.com/musicvideo/ or if it's just something the author encountered. It WAS reproducing on http://www.iranibash.com/musicvideo/ but he figured out a work-around and live-updated while we were talking on IRC.
Note You need to log in before you can comment on or make changes to this bug.