Bug 281524

Summary:

Different visual result of `mix-blend-mode` on element outside vs inside SVG (`div` vs `rect`)

Product:

WebKit

Reporter:

Benoît Rouleau <benoit.rouleau>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Major

CC:

karlcow, sabouhallawa, webkit-bug-importer, zimmermann

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari 18

Hardware:

All

OS:

All

See Also:

https://bugs.webkit.org/show_bug.cgi?id=158135

Attachments:

Description	Flags
Test case	none
Screenshot showing different browsers rendering the test case (Chrome, Firefox, Safari)	none

Benoît Rouleau

Reported 2024-10-15 14:22:36 PDT

Created attachment 472946 [details] Test case Kinda tricky to explain, better to look at the attached test case and screenshot of different browsers rendering it (Safari is the odd one out).

Attachments
Test case (1.02 KB, text/html) 2024-10-15 14:22 PDT, Benoît Rouleau	no flags	Details
Screenshot showing different browsers rendering the test case (Chrome, Firefox, Safari) (257.22 KB, image/jpeg) 2024-10-15 14:23 PDT, Benoît Rouleau	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Benoît Rouleau

Comment 1 2024-10-15 14:23:08 PDT

Created attachment 472947 [details] Screenshot showing different browsers rendering the test case (Chrome, Firefox, Safari)

Radar WebKit Bug Importer

Comment 2 2024-10-22 14:26:11 PDT

<rdar://problem/138431514>

Note You need to log in before you can comment on or make changes to this bug.