NEW 105411
Box non aligned when using column-count or -webkit-columns-count 
https://bugs.webkit.org/show_bug.cgi?id=105411
Summary Box non aligned when using column-count or -webkit-columns-count
jmcollin92
Reported 2012-12-19 03:58:01 PST
When using column-count or -webkit-columns-count the first block displayed is 3-5px higher than others. See demonstration here : http://jsfiddle.net/jmcollin92/bBMYs/ This is reproduce with Chrome "Version 23.0.1271.97 m" under Windows 7. I don't try with other versions or others OS. The problem is not reproductible with firefox.
Attachments
rendering in Safari, firefox, chrome (227.96 KB, image/png)
2022-07-11 23:24 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jmcollin92
Comment 1 2012-12-19 13:17:37 PST
Another workaround is to specify a "margin-top: 5px;" in your contained div.
Karl Dubost
Comment 2 2022-07-11 23:24:00 PDT
Created attachment 460806 [details] rendering in Safari, firefox, chrome working in Chrome and Firefox different in Safari. Safari Technology Preview Release 148 (Safari 16.0, WebKit 18614.1.17.3) Firefox Nightly 104.0a1 Google Chrome Canary 105.0.5174.0
Radar WebKit Bug Importer
Comment 3 2022-07-11 23:24:37 PDT
<rdar://problem/96865360>
Note You need to log in before you can comment on or make changes to this bug.