Bug 147879

Summary: Backdrop-filter blur rendering issue
Product: WebKit Reporter: Mathieu HAYS <haysmathieu>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: dino, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Macintosh   
OS: OS X 10.10   
Attachments:
Description Flags
Gif demonstration of the issue none

Description Mathieu HAYS 2015-08-11 06:33:41 PDT
Created attachment 258714 [details]
Gif demonstration of the issue

Hi,

Issue:
The Blur generation catches other windows into the blur generation when used in -webkit-backdrop-filter

How to reproduce:
I made a very simple example : http://mathieuhays.github.io/Backdrop-filter/

Open the inspector on a separate window.
Position it above the blurred part.
Toggle the css property -webkit-backdrop-filter off and on again.
Move the inspector out of the way.
You should see that the inspector window has been included in the blur rendering.
Comment 1 Simon Fraser (smfr) 2015-08-11 22:18:23 PDT
I can't reproduce on Yosemite. What OS, hardware and WebKit revision were you seeing this on?
Comment 2 Mathieu HAYS 2015-08-12 00:45:57 PDT
I tried on both iMac and macbook on OS X 10.10.5
Webkit version 8.0.8 (10600.8.9, r188304)

I noticed that the issue also happens when you refresh the page with the inspector focused and on top of the blurred part.

http://recordit.co/kDeQXwCb7J
Comment 3 Mathieu HAYS 2017-04-25 03:07:38 PDT
I just tested again in the latest Safari version and it's now fixed