Bug 17887 - Column break doesn't reset child bottom margin
Summary: Column break doesn't reset child bottom margin
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 2000
: P2 Normal
Assignee: Nobody
Keywords: HasReduction, InRadar
Depends on:
Reported: 2008-03-16 17:37 PDT by Andrew Stibbard
Modified: 2022-08-30 19:33 PDT (History)
6 users (show)

See Also:

Testcase for column break not resetting child bottom margin (1.32 KB, text/html)
2008-03-16 17:40 PDT, Andrew Stibbard
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Andrew Stibbard 2008-03-16 17:37:55 PDT
A column break doesn't reset a child's bottom margin as per the note in http://www.w3.org/TR/css3-multicol/#column5 . Tested on 525.13 (nightly rev 31076).

This might be related to Bug 14881.

Firefox 3 B4 renders this correctly.

Testcase to follow.
Comment 1 Andrew Stibbard 2008-03-16 17:40:20 PDT
Created attachment 19813 [details]
Testcase for column break not resetting child bottom margin

Comment 2 Andrew Stibbard 2008-03-16 18:28:15 PDT
Sorry, totally unrelated to Bug 14881 (that bug has nothing to do with CSS columns).
Comment 3 Deepak Mittal 2014-02-25 07:24:57 PST
I think this is happening because children of div are getting treated as block element, due to this it will try to fit those in the same column and when it is not getting fit in the column then it will  get break to 2 blocks and it will get displayed in the next column..

But in FF it is treated as the inline flow, As I have tried to remove last 2 
<div></div> then I am getting 7 blocks in the FF, But the webkit behavior is quite consistent.

So I thing above is the reason for this issue..and current webkit behavior is the normal expected behavior, as I have tried in IE also their also the children of container div are getting treated as block only..
Comment 4 Ahmad Saleem 2022-08-30 15:06:29 PDT
I am changing this to "New" since all browsers differ with each other and due to size, I cannot post picture or describe their behavior because they are different in many ways. Chrome Canary 107 and Firefox Nightly 106 are still quite close to each other in layout.

I updated the attached test case with this JSFiddle to remove -moz- prefix to make it work with Firefox:

Comment 5 Radar WebKit Bug Importer 2022-08-30 15:11:23 PDT