Bug 105411

Summary: Box non aligned when using column-count or -webkit-columns-count
Product: WebKit Reporter: jmcollin92
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Major CC: ahmad.saleem792, karlcow, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: 525.x (Safari 3.2)   
Hardware: PC   
OS: Windows 7   
URL: http://jsfiddle.net/jmcollin92/bBMYs/
Attachments:
Description Flags
rendering in Safari, firefox, chrome none

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.