Bug 236326 - Blurred element is not properly repainted on hover
Summary: Blurred element is not properly repainted on hover
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-08 13:49 PST by Jed Fox
Modified: 2022-02-14 19:54 PST (History)
3 users (show)

See Also:


Attachments
Small reproduction (462 bytes, text/html)
2022-02-08 13:49 PST, Jed Fox
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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>