* SUMMARY Backdrop Filter should not be visible if element has visibility:hidden. * TEST <style> .back { width: 300px; height: 150px; margin: 100px; background: blue; } .top { width: 1000px; height: 50px; position: absolute; left: 0; top: 150px; -webkit-backdrop-filter: blur(50px); visibility: hidden; } </style> <div class="back"> <div class="top"></div> </div> * STEPS TO REPRODUCE 1. Open test => did not expect div with visibility:hidden to still have blur visible
<rdar://problem/22749780>
Just wanted to add that if the parent element has visibility:hidden, the child that has the blur will still composit the blur onto the page, even though it is expected that all content within the parent, including the child would be hidden.
Created attachment 276991 [details] Patch
Comment on attachment 276991 [details] Patch This needs to fix PlatformCALayerRemote too.
Created attachment 276995 [details] Patch
Comment on attachment 276995 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=276995&action=review > LayoutTests/ChangeLog:15 > + * css3/filters/backdrop/backdrop-with-visibility-hidden-changing-expected.txt: Added. > + * css3/filters/backdrop/backdrop-with-visibility-hidden-changing.html: Added. > + * css3/filters/backdrop/backdrop-with-visibility-hidden-expected.txt: Added. > + * css3/filters/backdrop/backdrop-with-visibility-hidden.html: Added. Maybe include a ref test?
Committed r199862: <http://trac.webkit.org/changeset/199862>