Bug 236326

Summary: Blurred element is not properly repainted on hover
Product: WebKit Reporter: Jed Fox <jed>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Mac (Apple Silicon)   
OS: macOS 12   
Attachments:
Description Flags
Small reproduction none

Description Jed Fox 2022-02-08 13:49:05 PST
Created attachment 451301 [details]
Small reproduction

The included test file contains an HTML element with the class "spoiler" and the following CSS:

    .spoiler:not(:hover) {
      filter: blur(10px);
    }

The behavior I expected is that when hovering over the element, all traces of the blur will be removed and the unblurred text will become visible.

The actual behavior I’m seeing is that while the portion of the page inside the element’s content rect is correctly updated, the portions of the blur that extend past the content rect remain visible.
Comment 1 Radar WebKit Bug Importer 2022-02-14 19:54:06 PST
<rdar://problem/88943473>