Open Bug 1939714 Opened 1 month ago Updated 15 days ago

'mix-blend-mode' causes image to stretch

Categories

(Core :: Printing: Output, defect)

Firefox 133
defect

Tracking

()

People

(Reporter: thudson, Unassigned)

References

Details

Attachments

(2 files)

Attached image printbad.jpg

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:133.0) Gecko/20100101 Firefox/133.0

Steps to reproduce:

Printed a document containing an <img> element whose parent <div> is styled with 'mix-blend-mode'.

Actual results:

Top row of pixels of image was stretched to the top of the printed page. Disabling 'mix-blend-mode' on the parent <div> corrects the problem.

Expected results:

Image should print non-deformed, as it appears on screen, in the print preview, and as it prints in other browsers and older versions of Firefox.

The Bugbug bot thinks this bug should belong to the 'Core::Printing: Output' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Printing: Output
Product: Firefox → Core

Thanks for reporting! To help diagnose this issue better, please can you:

  1. Type "about:support" in Firefox and copy-paste its contents here
  2. Share a testcase that reproduces this issue fro you.
  3. If this used to work in an earlier version of Firefox, please do a bisection to find the exact change that caused this (https://mozilla.github.io/mozregression/)
Flags: needinfo?(thudson)
Attached file about:support
[1] about:support

[2] minimal repro

<html><body>
<div><div style="mix-blend-mode: darken;padding-top: 20px;"><img src="peel.png" class="peel-icon"></div></div>
</body></html>

With this minimal reproduction I'm seeing border pixels extrapolated to all edges of the page. I think I can attach the image if needed, but any image with non-transparent border pixels should demonstrate the issue, I think.

[3] Bisect - Sorry, not sure I can help with this. This is a work PC, not mine to spend the time and/or install software and I don't have the means to reproduce the issue otherwise. The prior version of Firefox that I did not have this problem on was version 89, so it's quite a gap, unfortunately.

Flags: needinfo?(thudson)

I was able to reproduce this on Windows using the Microsoft Print to PDF driver (i.e. without requiring a physical printer & paper output). Note that using our built-in Save as PDF does not exhibit the issue.

Mozregression indicates that a couple of things happened:

(1) On June 18, 2021 , something broke such that (in my testcase, at least) the image just doesn't appear in the output at all. The range for this regression is https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=582ea6610e8aa4120ff223167ade012381bf4dae&tochange=3d9044e7bb3f7e3e6d261cdefaea6e647068d3e5. Possibly bug 1715803?

(2) Printing the image is then broken until July 20, 2021, when the image reappears, but now with the "extension" of edge pixels as described in this bug. The range for this change (sort-of-a-fix of the preceding regression, except for this new issue) is https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=9c579e2ce174b063bdba7b0a7d43896949c19822&tochange=3d302847f025b332190a747a21bb1fedaa5e7b98. Some bugs in that range that might be relevant: bug 1720429, bug 1720621, bug 1717685. (Or there may be others I've overlooked.)

Severity: -- → S3
Status: UNCONFIRMED → NEW
Ever confirmed: true
See Also: → 1943529
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: