URL: https://toebes.com/codebusters/Samples/firefox_toebes_printing_example.html
Browser / Version: Firefox 128.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome
Problem type: Something else
Description: Printing doesn't format correctly
Steps to Reproduce:
This is an extract of a sample case of the set of tools for Science Olympiad Code Busters (https://toebes.com/codebusters/) that generate and print tests.
When we print the tests using other browsers (Chrome, Edge) we are able to get consistent formatting and output such that the page fits on the sheet of paper and text is rendered cleanly. However, in the past year or so we have received complaints from Firefox users that it doesn't format and print well.
I have run through the W3c validator to ensure that the HTML is valid.
If you load the file in Firefox and then print, you will notice several issues:
- Firefox generates 5 pages instead of the 3 that it should.
- The names of participants table ends up wider than the page.
- The Score table on the first page is off the right hand edge of the page.
- The header for the second page (Page 1) is on a page by itself
- The footer for the second page (Page 1) is near the top of the third page
- The text for the timed question appears too high on the page
- The text for the timed question is in a slightly larger font such that it wraps early.
- Similar problems are on the last page, with the header appearing nominally in the correct place
- The footer for the last page is on a page by itself.
Note that I have experimented with multiple options for the print scale and margins, for purposes of comparison I set the margins to .5" all around and forced the scale to 100% in all three browsers.
I've uploaded an image showing a side by side comparison of the rendered first page.
View the screenshot
Browser Configuration
From webcompat.com with ❤️
URL: https://toebes.com/codebusters/Samples/firefox_toebes_printing_example.html
Browser / Version: Firefox 128.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome
Problem type: Something else
Description: Printing doesn't format correctly
Steps to Reproduce:
This is an extract of a sample case of the set of tools for Science Olympiad Code Busters (https://toebes.com/codebusters/) that generate and print tests.
When we print the tests using other browsers (Chrome, Edge) we are able to get consistent formatting and output such that the page fits on the sheet of paper and text is rendered cleanly. However, in the past year or so we have received complaints from Firefox users that it doesn't format and print well.
I have run through the W3c validator to ensure that the HTML is valid.
If you load the file in Firefox and then print, you will notice several issues:
Note that I have experimented with multiple options for the print scale and margins, for purposes of comparison I set the margins to .5" all around and forced the scale to 100% in all three browsers.
I've uploaded an image showing a side by side comparison of the rendered first page.
View the screenshot
Browser Configuration
From webcompat.com with ❤️