Bug 33961

Summary:

CSS2 bug: inline content overflows into adjacent float

Product:

WebKit

Reporter:

chachiboy84

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

benwells, bfulgham

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.6

Attachments:

Description	Flags
test case	none

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.