Support for `break-after:avoid` and `break-inside: avoid` in multi-column and paged media

[clagnut]

Description

In multi-column layouts and paged media (not just print - ebooks too) the following rule should prevent heading from either breaking across columns or pages, or sitting widowed at the bottom of a column or page.

h2 { break-after: avoid; break-inside: avoid; }

Both situations present serious typographic problems reducing readability and potentially impacting comprehension and understandability.

There is now support in Chromium but not Webkit or Gecko.

Test page

Screenshot of the problem in Apple Books (Webkit rendering): ↑ this heading should appear on the next page, not at the bottom of this one.

Specification

W3C CSS Fragmentation Module Level 3

Additional Signals

This bug is nearly 27 years old!