Bug 149319

Summary: Backdrop Filter should repaint when changed via script
Product: WebKit Reporter: Joseph Pecoraro <joepeck>
Component: WebCore Misc.Assignee: Simon Fraser (smfr) <simon.fraser>
Status: RESOLVED FIXED    
Severity: Normal CC: commit-queue, ddkilzer, dino, esprehn+autocc, glenn, joepeck, kondapallykalyan, l.m, matt, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 156133    
Attachments:
Description Flags
Testcase
none
Patch thorton: review+

Description Joseph Pecoraro 2015-09-17 17:06:19 PDT
* SUMMARY
Backdrop Filter should repaint when changed via script.

* 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);
}
</style>
<div class="back">
    <div id="x" class="top"></div>
</div>

<button id="a">Blur 10</button>
<button id="b">Blur -10</button>
<button id="c">Blur 50</button>
<button id="d">Show / Hide the element</button>

<script>
a.onclick = function() { x.style.webkitBackdropFilter = "blur(10px)"; }
b.onclick = function() { x.style.webkitBackdropFilter = "blur(-10px)"; }
c.onclick = function() { x.style.webkitBackdropFilter = "blur(50px)"; }
d.onclick = function() { x.hidden = !x.hidden; }
</script>

* STEPS TO REPRODUCE
1. Show test
2. Click on one of the Blur buttons to change the blur
  => nothing happens, expected the element to repaint
3. Click the button to hide the blur element
3. Click the button to show the blur element
  => blur is now updated
Comment 1 Radar WebKit Bug Importer 2015-09-17 17:07:06 PDT
<rdar://problem/22749892>
Comment 2 Jon Lee 2016-04-01 15:22:29 PDT
*** Bug 155794 has been marked as a duplicate of this bug. ***
Comment 3 Simon Fraser (smfr) 2016-04-01 16:57:10 PDT
Created attachment 275445 [details]
Testcase
Comment 4 Simon Fraser (smfr) 2016-04-01 16:59:50 PDT
Created attachment 275446 [details]
Patch
Comment 5 Simon Fraser (smfr) 2016-04-01 17:19:59 PDT
https://trac.webkit.org/r198963
Comment 6 Joseph Pecoraro 2016-04-01 22:30:57 PDT
Nice!