New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 663651 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Nov 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Backdrop filter doesn't work when applied to any child of an absolute positioned element.

Reported by fipi...@gmail.com, Nov 9 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.87 Safari/537.36

Steps to reproduce the problem:
1. Enable chrome://flags/#enable-experimental-web-platform-features
2. Run this example http://jsbin.com/pebehefuye/edit?html,css,output
3. The left panel 1 doesn't render backdrop blur correctly. 
4. It seems that the backdrop filter works only if it's applied directly to the element, which has set css position to absolute (Panel 2 in example). But if is the backdrop filter applied to any of it's children (see panel 1), the filter is not rendered.

What is the expected behavior?
Both panels will apply the backdrop filter.

What went wrong?
If I set the backdrop filter to any children, not directly to the absolute positioned element then it doesn't render backdrop filter.

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 54.0.2840.87  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 23.0 r0

I tested it also in the Safari v9.1.2 running on OS X 10.11.6 and it runs correctly - both panels are rendered with blur over the Lorem ipsum text.
 
Components: -Blink>CSS Blink>CSS>Filters

Comment 2 by dk...@chromium.org, Nov 14 2016

Status: Untriaged (was: Unconfirmed)
Owner: trchen@chromium.org
Status: Fixed (was: Untriaged)
Works fine in 56.0.2923.0 Canary.

Bisect says it was likely fixed by https://chromium.googlesource.com/chromium/src/+/b71fd26f0656da6c85e18756ad42ac3a639dd393.

Comment 4 by suzyh@chromium.org, Apr 5 2017

Components: -Blink>CSS>Filters Blink>Compositing>Filters

Sign in to add a comment