RESOLVED CONFIGURATION CHANGED33961
CSS2 bug: inline content overflows into adjacent float 
https://bugs.webkit.org/show_bug.cgi?id=33961
Summary CSS2 bug: inline content overflows into adjacent float
chachiboy84
Reported 2010-01-21 11:38:04 PST
Created attachment 47133 [details] test case In many current browsers, inline content inside an element adjacent to a float can overflow, displaying on top of the float. Only the first line of text in said element will overflow. This occurs when there are two elements floated right (the second cleared to move it below the first) and the second float has a larger width than the first. I've noticed this behavior in IE 6-7, Firefox 1.5-3.5, and WebKit 523-528+. IE8, Opera 9-10, and Firefox 3.6b-3.6RC2 don't show show this behavior. I've created and attached a test case that should show this behavior.
Attachments
test case (861 bytes, text/html)
2010-01-21 11:38 PST, chachiboy84 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ben Wells
Comment 1 2011-06-15 21:07:07 PDT
Verified on Chrome canary on Mac (14.0.793.0). Note - changing the top margin on the .random style to 20px fixes this, it seems like we only check the top pixel of the inline box containing the text.
Brent Fulgham
Comment 2 2022-07-11 17:00:47 PDT
Safari, Chrome, and Firefox show the same rendering behavior for this test case. I do not believe any further compatibility issue remains.
Note You need to log in before you can comment on or make changes to this bug.