Bug 30071

Summary:

multi-column doesn t work for inline-block element

Product:

WebKit

Reporter:

Martin Waue <mgw75>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, ap, bfulgham, rniwa, simon.fraser, zalan

Priority:

Version:

525.x (Safari 3.2)

Hardware:

OS:

Windows XP

Attachments:

Description	Flags
multi-column with inline-block	none

Martin Waue

Reported 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>

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 attachment proposed patch, testcase, etc.

Ahmad Saleem

Comment 1 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!

Note You need to log in before you can comment on or make changes to this bug.