'mix-blend-mode' causes image to stretch
Categories
(Core :: Printing: Output, defect)
Tracking
()
People
(Reporter: thudson, Unassigned)
References
Details
Attachments
(2 files)
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.
Comment 1•1 month ago
|
||
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.
Comment 2•1 month ago
|
||
Thanks for reporting! To help diagnose this issue better, please can you:
- Type "about:support" in Firefox and copy-paste its contents here
- Share a testcase that reproduces this issue fro you.
- 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/)
[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.
Comment 5•25 days ago
|
||
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.)
Description
•