Closed Bug 1939793 Opened 1 month ago Closed 1 month ago

mix-blend-mode property : different result between chrome and firefox

Categories

(Core :: CSS Parsing and Computation, enhancement)

Firefox 128
enhancement

Tracking

()

RESOLVED DUPLICATE of bug 1776683

People

(Reporter: torguephilippe, Unassigned)

Details

Attachments

(1 file)

Attached image twice.png

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

(please move if there's a better component)

Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Status: UNCONFIRMED → RESOLVED
Closed: 1 month ago
Duplicate of bug: 1776683
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: