Bug 30071 - multi-column doesn t work for inline-block element
Summary: multi-column doesn t work for inline-block element
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 525.x (Safari 3.2)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2009-10-05 06:50 PDT by Martin Waue
Modified: 2022-07-23 12:49 PDT (History)
6 users (show)

See Also:

Attachments
multi-column with inline-block (18.16 KB, image/png)
2009-10-05 06:50 PDT, Martin Waue 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Martin Waue 2009-10-05 06:50:58 PDT 
Created attachment 40630 [details]
multi-column with inline-block

If you try to create an element with sisply:inline-block and multi-column the multi-column doesn t work in a propper way.

Example:

<div style="display:inline-block;-webkit-column-count: 3">
em ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era
</div>
Comment 1 Ahmad Saleem 2022-07-23 04:56:28 PDT 
All browsers (Chrome Canary 106, Firefox Nightly 104 and Safari 15.6 on macOS 12.5) match each other in the following test case - https://jsfiddle.net/f8xqoznd/show

I removed -webkit- prefix to test in other browsers. I think this can be marked as "RESOLVED CONFIGURATION CHANGED", if I am testing correctly. Thanks!