Questions tagged [page-break-before]

8 questions
2
votes
1 answer

"page-break-before: always" not working as intended after updating chrome from v97 to v98

https://cbbanalytics.com/stats/27694/games/1864019/overview - page-break-before is not working as intended on this page following chrome update from v97 to v98. In the screenshot below: The highlighted

element has the class print-break, which…

Canovice
  • 9,012
  • 22
  • 93
  • 211
1
vote
0 answers

page break css for printing html page content not working in chrome

I tried @media print { html, body { height:100%; margin: 0 !important; padding: 0 !important; overflow: hidden; } .page-break { …
0
votes
0 answers

Mozilla support for break-before: avoid-column

Mozilla Firefox v113.0 documentation says it supports column views and the break-before CSS property completely. But when I set break-before: avoid-column OR break-before: column it does not identify the property. The need is to set fixed position…
1infinite
  • 23
  • 4
0
votes
0 answers

Dynamic page-breaks causing extremely large whitespace

I am working on dynamically creating page breaks to print a form where the content is dynamically created. (Unknown divs, unknown heights, etc.), basically a user generated form. let staticHeight = 0; let pageHeight = 1000; let $components =…
0
votes
1 answer

Can I use CSS to inject a band of colour before the div?

Take this HTML snippet (I don't want to change the HTML syntax if possible):
In screen mode I would like a think grey band to be displayed before the div to mimic a page break.…
Andrew Truckle
  • 17,769
  • 16
  • 66
  • 164
0
votes
0 answers

How to bypass React inline style compilation?

Background We're exporting HTML content generated by React into MS Word documents using plain Javascript. We came up with a solution to page break where necessary and that is working on Print (+ Print as PDF). To export HTML into MS Word we're using…
Mayeenul Islam
  • 4,532
  • 5
  • 49
  • 102
0
votes
2 answers

How to remove unexpected white space above "page-break-before: always" CSS

For reproducible example, see this link - https://cbbanalytics.com/stats/27694/games/1864019/overview. On this page, we have added (via the class print-break) a page-break-before: always CSS to the

element with the Stanford logo and text…

Canovice
  • 9,012
  • 22
  • 93
  • 211