mix-blend-mode property : different result between chrome and firefox
Categories
(Core :: CSS Parsing and Computation, enhancement)
Tracking
()
People
(Reporter: torguephilippe, Unassigned)
Details
Attachments
(1 file)
365.57 KB,
image/png
|
Details |
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0
Steps to reproduce:
I applied the mix-blend-mode property on a circle element (in an svg element). I gave a background color to the parent (body element) of the svg element.
circle { mix-blend-mode:screen}
||
svg
||
body {background-color}
(My goal was to understand the calculation of the colors of the mix-blend-mode in order to do the same operation in WebGL.)
I did the same thing with div elements.
And then I realized that the result was different. I thought it was because the svg element had the "isolation:isolate" property by default. But it seems not. Hence the hypothesis that it is a bug in the Firefox browser.
I asked the question here:
https://github.com/mozilla/kitsune/issues/6428
and here:
https://stackoverflow.com/questions/79319585/i-would-like-to-understand-the-example-given-in-the-mix-blend-mode-specification
Comment 1•1 month ago
|
||
(please move if there's a better component)
Updated•1 month ago
|
Description
•