|Summary:||Column break doesn't reset child bottom margin|
|Product:||WebKit||Reporter:||Andrew Stibbard <xhva.net>|
|Component:||Layout and Rendering||Assignee:||Nobody <webkit-unassigned>|
|Severity:||Normal||CC:||ahmad.saleem792, ap, bfulgham, deepak.m1, webkit-bug-importer, zalan|
|Version:||528+ (Nightly build)|
Description Andrew Stibbard 2008-03-16 17:37:55 PDT
Comment 1 Andrew Stibbard 2008-03-16 17:40:20 PDT
Created attachment 19813 [details] Testcase for column break not resetting child bottom margin Testcase
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: https://jsfiddle.net/62eayck9/show
Comment 5 Radar WebKit Bug Importer 2022-08-30 15:11:23 PDT