Bug 149318 – Backdrop Filter should not be visible if element has visibility:hidden

• Component: WebCore Misc.
• Status: RESOLVED FIXED

[Joseph Pecoraro]

* 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

[Radar WebKit Bug Importer]

<rdar://problem/22749780>

[Brian Ward]

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.

[Dean Jackson]

Created attachment 276991 [details]
Patch

[Simon Fraser (smfr)]

Comment on attachment 276991 [details]
Patch

This needs to fix PlatformCALayerRemote too.

[Dean Jackson]

Created attachment 276995 [details]
Patch

[Simon Fraser (smfr)]

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?

[Dean Jackson]

Committed r199862: <http://trac.webkit.org/changeset/199862>

[Dean Jackson]

Committed r199862: <http://trac.webkit.org/changeset/199862>