17887 2008-03-16 17:37:55 -0700 Column break doesn't reset child bottom margin 2024-10-31 13:45:24 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) PC Windows 2000 NEW HasReduction, InRadar P2 Normal --- 1 xhva.net webkit-unassigned ahmad.saleem792 ap bfulgham deepak.m1 hartman.wiki webkit-bug-importer zalan oldest_to_newest 74001 0 xhva.net 2008-03-16 17:37:55 -0700 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. 74002 1 19813 xhva.net 2008-03-16 17:40:20 -0700 Created attachment 19813 Testcase for column break not resetting child bottom margin Testcase 74013 2 xhva.net 2008-03-16 18:28:15 -0700 Sorry, totally unrelated to Bug 14881 (that bug has nothing to do with CSS columns). 984309 3 deepak.m1 2014-02-25 07:24:57 -0800 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.. 1894940 4 ahmad.saleem792 2022-08-30 15:06:29 -0700 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 1894944 5 webkit-bug-importer 2022-08-30 15:11:23 -0700 <rdar://problem/99353432> 2071958 6 hartman.wiki 2024-10-31 13:45:24 -0700 This seems the same as 104944 19813 2008-03-16 17:40:20 -0700 2008-03-16 17:40:20 -0700 Testcase for column break not resetting child bottom margin testcase_webkit_17887.html text/html 1349 xhva.net PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEvL0VOIiAiaHR0cDov L3d3dy53My5vcmcvVFIvaHRtbDQvc3RyaWN0LmR0ZCI+DQoNCjxodG1sPg0KCTxoZWFkPg0KCQk8 dGl0bGU+VGVzdGNhc2UgZm9yIFdlYmtpdCBCdWcgMTc4ODc8L3RpdGxlPg0KCQk8c3R5bGUgdHlw ZT0idGV4dC9jc3MiPg0KCQkJYm9keQl7DQoJCQkJZm9udC1mYW1pbHk6CSJ0aW1lcyBuZXcgcm9t YW4iLCB0aW1lczsNCgkJCQlmb250LXNpemU6IDE1cHg7DQoJCQl9DQoJCQkjY29udGFpbmVyMQl7 DQoJCQkJb3V0bGluZToJMXB4IHNvbGlkIHJlZDsNCgkJCQloZWlnaHQ6IDIwMHB4Ow0KCQkJCS13 ZWJraXQtY29sdW1uLXdpZHRoOgkyMDBweDsNCgkJCQktbW96LWNvbHVtbi13aWR0aDoJMjAwcHg7 DQoJCQl9DQoJCQkjY29udGFpbmVyMSBkaXYJew0KCQkJCWhlaWdodDoJOTBweDsNCgkJCQlvdXRs aW5lOgkxcHggc29saWQgYmx1ZTsNCgkJCQliYWNrZ3JvdW5kOgkjZGRkZGRkOw0KCQkJCW1hcmdp bjoJMjBweCAwOw0KCQkJfQ0KCQkJI2NvbnRhaW5lcjIJew0KCQkJCW91dGxpbmU6CTFweCBzb2xp ZCByZWQ7DQoJCQkJaGVpZ2h0OiAyMDBweDsNCgkJCQktd2Via2l0LWNvbHVtbi13aWR0aDoJMjAw cHg7DQoJCQkJLW1vei1jb2x1bW4td2lkdGg6CTIwMHB4Ow0KCQkJfQ0KCQkJI2NvbnRhaW5lcjIg ZGl2CXsNCgkJCQloZWlnaHQ6CTg1cHg7DQoJCQkJb3V0bGluZToJMXB4IHNvbGlkIGJsdWU7DQoJ CQkJYmFja2dyb3VuZDoJI2RkZGRkZDsNCgkJCQltYXJnaW46CTIwcHggMDsNCgkJCX0NCgkJPC9z dHlsZT4NCgk8L2hlYWQ+DQoJDQoJPGJvZHk+DQoJCTxwPkNvbnRhaW5lcnMgKHJlZCkgYXJlIDIw MHB4IHRhbGwuPC9wPg0KCQk8ZGl2IGlkPSJjb250YWluZXIxIj4NCgkJCTxkaXY+VGhlc2UgZ3Jl eSBkaXZzIGFyZSA5MHB4IHRhbGwsIHdpdGggMjBweCBtYXJnaW5zLjwvZGl2Pg0KCQkJPGRpdj48 L2Rpdj4NCgkJCTxkaXY+VGhpcyBkaXYgc2hvdWxkbid0IGhhdmUgdGhlIHByZXZpb3VzIGRpdidz IGJvdHRvbSBtYXJnaW4gYWJvdmUuPC9kaXY+DQoJCQk8ZGl2PjwvZGl2Pg0KCQkJPGRpdj48L2Rp dj4NCgkJPC9kaXY+DQoJCTxkaXYgaWQ9ImNvbnRhaW5lcjIiPg0KCQkJPGRpdj5UaGVzZSBncmV5 IGRpdnMgYXJlIDg1cHggdGFsbCwgd2l0aCAyMHB4IG1hcmdpbnMuPC9kaXY+DQoJCQk8ZGl2Pjwv ZGl2Pg0KCQkJPGRpdj5UaGlzIGRpdiBzaG91bGRuJ3QgaGF2ZSBwYXJ0IG9mIHRoZSBwcmV2aW91 cyBkaXYncyBib3R0b20gbWFyZ2luIGFib3ZlLjwvZGl2Pg0KCQkJPGRpdj48L2Rpdj4NCgkJCTxk aXY+PC9kaXY+DQoJCTwvZGl2Pg0KCTwvYm9keT4NCjwvaHRtbD4=