25633 2009-05-07 17:21:12 -0700 CSS3 Multi-column - image spans two columns 2013-08-14 13:14:11 -0700 1 1 1 Unclassified WebKit New Bugs 528+ (Nightly build) All All NEW P2 Normal --- 1 upekshapriya webkit-unassigned justin sjohnson webkit oldest_to_newest 120366 0 upekshapriya 2009-05-07 17:21:12 -0700 An image that spans two columns is created by the multicolumn css3 selector -webkit-column-count - the image is cut off at the bottom of column 1 and continues from where it is cut off at the top of column 2 with text wrapped round the image. I would expect the first column to finish after the image and make two unequal columns. The browser Google Chrome has user agent details: mozilla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/530.5 (khtml, like gecko) chrome/2.0.172.8 safari/530.5. The same happens in SRWare Iron - mozilla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/530.1 (khtml, like gecko) iron/2.0.168.0 safari/530.1. and in Safari 3 on Windows mozilla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/525.28 (khtml, like gecko) version/3.2.2 safari/525.28.1 as well as Safari 4 on Mac OS mozilla/5.0 (macintosh; u; intel mac os x 10_5_6; en-us) applewebkit/528.16 (khtml, like gecko) version/4.0 safari/528.16. I am attaching a reduced html and css file to demonstrate the problem. 120367 1 30118 upekshapriya 2009-05-07 17:22:23 -0700 Created attachment 30118 Html and css files to demonstrate the issue 126434 2 webkit 2009-06-17 03:53:35 -0700 Confirmed issue on all platforms. It's a bug in the CSS renderer and is not platform specific. 238795 3 justin 2010-06-16 04:39:16 -0700 This has been fixed now. (tested on Safari 5, Safari nightly 15 June 2010 5.0 6533.16, r61173, Chrome). 917251 4 sjohnson 2013-08-14 13:12:27 -0700 (In reply to comment #3) > This has been fixed now. (tested on Safari 5, Safari nightly 15 June 2010 5.0 6533.16, r61173, Chrome). I'm not sure this is entirely true - the following test case, with Chrome 28.0.1500.95 on Windows exhibits this problem: http://people.mozilla.org/~sjohnson/junkyard/b700367/vertical-clip.html 917252 5 sjohnson 2013-08-14 13:14:11 -0700 (In reply to comment #4) > (In reply to comment #3) > > This has been fixed now. (tested on Safari 5, Safari nightly 15 June 2010 5.0 6533.16, r61173, Chrome). > > I'm not sure this is entirely true - the following test case, with Chrome 28.0.1500.95 on Windows exhibits this problem: > > http://people.mozilla.org/~sjohnson/junkyard/b700367/vertical-clip.html Chromium v 28.0.1500.71 on Ubuntu 12.10 also seems to exhibit the issue, as does Safari v5.1.1 on Windows 7. 30118 2009-05-07 17:22:23 -0700 2009-05-07 17:22:23 -0700 Html and css files to demonstrate the issue Reduction.zip application/x-zip-compressed 2077 upekshapriya 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 Y3NzUEsFBgAAAAADAAMAvgAAAEkHAAAAAA==