Bug 266242

Summary:

Element with blur() filter and an animated conic gradient background yields some rendering artifacts

Product:

WebKit

Reporter:

Antoine Quint <graouts>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

See Also:

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

Attachments:

Description	Flags
Testcase	none
Screenshot with STP 184	none

Antoine Quint

Reported 2023-12-11 11:16:11 PST

Created attachment 468981 [details] Testcase This is an issue that stemmed from bug 265028. In the attached example an element has a `filter: blur()` and a `background-image` set to a `conic-gradient()` where the angle value animates by animating a custom property. It shows some pretty severe rendering artifact on macOS Sonoma.

Attachments
Testcase (710 bytes, text/html) 2023-12-11 11:16 PST, Antoine Quint	no flags	Details
Screenshot with STP 184 (1.42 MB, image/png) 2023-12-11 11:18 PST, Antoine Quint	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2023-12-11 11:16:30 PST

<rdar://problem/119503980>

Antoine Quint

Comment 2 2023-12-11 11:18:04 PST

Created attachment 468982 [details] Screenshot with STP 184

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