Please implement multi-column property break-(before/after): column

• Component: Text
• Status: UNCONFIRMED ---

[Holger Jeromin]

Please implement the multi-column property "break-(before/after):column"
It is the only way to specify a hard point to start a new column if the content is not equal in length.

Thanks
Holger

[Xavier Morel]

It would also be nice if -webkit-column-break-after and -webkit-column-break-before worked correctly: -inside:avoid works[0] but lack of -before and -after means it's impossible to use CSS3 columns with "compounds", such as titles followed by sections or definition lists.

[0] http://jsfiddle.net/6jtey/

[KyungTae Kim]

Is there any update for this bug?

[Ahmad Saleem]

Created attachment 461251 [details]
Safari 15.6 matches with Firefox but differs from Chrome

In the test case from Comment 1, as can be seen from attached screenshot - Safari 15.6 on macOS 12.5 matches with Firefox Nightly 105 but differ from Chrome Canary 106. I am not sure on web-spec but I think we should look into it and if needed align accordingly. Please ignore my comment - if I am wrong but just wanted to share updated testing results. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/97694197>

[Alexey Proskuryakov]

I'm not sure if this JSFiddle test reflects what this bugs tracks closely enough, it seems to be tangentially related only.

As far as I can tell, break-before:column and break-after:column are supported, but caniuse.com claims otherwise, so there may be more to this than I see.