Bug 28639

Summary:

tabbed content with broken rendering because css property "clear: both" doesn't take effect

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

jasneet, robert

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://www.nobodylikesonions.com/

Attachments:

Description	Flags
reduced testcase	none

Description jasneet 2009-08-21 16:57:45 PDT

Created attachment 38413 [details]
reduced testcase

I Steps:
1. Go to http://www.nobodylikesonions.com/

II Issue:
tabbed content is rendering incorrectly

III Conclusion:
Look at the reduction's source code, there is a div:
......
<div class="clear"></div>
......
The css class "clear" is ".clear {clear: both;margin: -2px 0 0 0;}", In IE8 and FF3 this makes its following content(in this cas "Some text here...") to be displayed below it, However, in Chrome and Safari, it doesn't take effect at all. This is the cause of the issue. 

IV Other Browsers:
IE7: ok
FF3: ok

V Nightly tested : 47639

Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=14549

Comment 1 Robert Hogan 2013-11-18 23:03:58 PST

Looks fine now.

Comment 2 Alexey Proskuryakov 2013-11-19 10:27:05 PST

Do we need to land a test case?