Open Bug 775628 (css-break-3) Opened 9 years ago Updated 7 months ago

[META] Implement CSS Fragmentation Module Level 3

Categories

(Core :: Layout, enhancement, P3)

enhancement

Tracking

()

People

(Reporter: fantasai.bugs, Unassigned)

References

(Depends on 10 open bugs, Blocks 2 open bugs, )

Details

(6 keywords, Whiteboard: [DevRel:P1])

Tracking bug for pagination. The initial project is

  - Finish break-inside: avoid (bug 685012)
  - Reimplement forced breaking (bug 683043)
     - Depends on refactoring nsReflowStatus (bug 775624)
  - Alias page-break-* to break-* (bug 775618)
  - Implement break-before/after: avoid (bug 775617)
  - Implement widows/orphans (bug 137367)
  - Implement break-inside: avoid-page (bug 775622)

This set of tasks includes CSS2.1 page-break-* (bug 132035) and CSS3 Multi-col breaking (bug 549114).
To Mats per Q3 Goals
Assignee: nobody → matspal
Adding bug 616402: correctly handling margins at page breaks
Depends on: 616402
Depends on: 793686
Depends on: 793692
Depends on: 883676
Blocks: css3test
No longer blocks: css3test
Keywords: DevAdvocacy
Whiteboard: [DevRel:P1]
Priority: -- → P3
I just saw a note on the Trello board that this is about printing websites on paper. 

^  Fragmentation is primarily about how to take a website and format it to make it printable on a standard 9.5x11 piece of paper. Not a lot of focus by other browsers. 

There are certainly properties in this spec that focus on paper. But increasingly there are other properties here, too — ones that affect author's ability to layout columns. Could we please consider staying on top of those properties, and not dismissing this as 'print-only'. I think it's accurate to say that the Fragmentation spec used to be all about printing on paper, but increasingly it's about how to handle fragmented flows in a complex layout system on screens.

The `break-inside` property is a prime example. Without it, people can't control their content inside a multicolumn layout context in the ways they need. Autoprefixer mitigates this pain for those developers who use it, but everyone else is bashing their head against this wall. I think https://bugzilla.mozilla.org/show_bug.cgi?id=775618 would get us needed properties, without much effort.
Alias: css3-break → css-break-3
Depends on: 371449
Summary: Implement CSS Fragmentation → [META] Implement CSS Fragmentation Module Level 3
Whiteboard: [DevRel:P1] → [DevRel:P1][compat-blink][compat-webkit][compat-edge]
Whiteboard: [DevRel:P1][compat-blink][compat-webkit][compat-edge] → [DevRel:P1][parity-blink][parity-webkit][parity-edge]
Blocks: 874238
Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)
Whiteboard: [DevRel:P1][parity-blink][parity-webkit][parity-edge] → [DevRel:P1]
This appears to be implemented in all other major browsers now and likely will become a webcompat issue with column based layouts etc.
Type: defect → enhancement
Whiteboard: [DevRel:P1] → [DevRel:P1][layout:backlog]
Assignee: mats → nobody
Severity: normal → N/A
Whiteboard: [DevRel:P1][layout:backlog] → [DevRel:P1]
You need to log in before you can comment on or make changes to this bug.