xcatliu.github.io - Color mismatched in print preview

[xcatliu]

URL: https://xcatliu.github.io/firefox-svg-print-bug/

Browser / Version: Firefox 112.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
webpage: https://xcatliu.github.io/firefox-svg-print-bug/
source code: https://github.com/xcatliu/firefox-svg-print-bug/

I have a simple svg with gray background in the page, however, during printing, the area that was supposed to have a gray background turned into an incorrect black background. In contrast, the yellow background appears as normal gray in print view.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[xcatliu]

When using a color printer (or saving as a PDF), the same problem exists - yellow backgrounds display normally, but gray backgrounds turn into pure black.

View the screenshot

[sv-calin]

Thank you for reporting this issue, I was able to reproduce it.

Tested on:
• Browser / Version: Firefox Nightly 115.0a1 (2023-05-11) / Firefox Release 113 / Chrome Version 113.0.5672.92
• Operating System: Mac OS X 10.15

Notes:

1. Reproducible on both Firefox Release and Nightly
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[qa_19/2023]

[IshmaZX82]

The same issue.

Browser / Version: Firefox 124.0
Operating System: Win10
Tested Another Browser: Yes Chrome

Steps to Reproduce:
test.svg.txt
The problem appears if only the fill is specified for the rect, but if you add a stroke, there is no problem.

Preview:

Print preview: