Backdrop filter doesn't work when applied to any child of an absolute positioned element.
Reported by
fipi...@gmail.com,
Nov 9 2016
|
||||
Issue descriptionUserAgent: 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.
,
Nov 14 2016
,
Nov 21 2016
Works fine in 56.0.2923.0 Canary. Bisect says it was likely fixed by https://chromium.googlesource.com/chromium/src/+/b71fd26f0656da6c85e18756ad42ac3a639dd393.
,
Apr 5 2017
|
||||
►
Sign in to add a comment |
||||
Comment 1 by dstockwell@chromium.org
, Nov 9 2016