[Webkit-unassigned] [Bug 149319] New: Backdrop Filter should repaint when changed via script

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=149319

            Bug ID: 149319
           Summary: Backdrop Filter should repaint when changed via script
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: WebCore Misc.
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: joepeck at webkit.org
                CC: dino at apple.com, webkit-bug-importer at group.apple.com

* 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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150918/b5de6daf/attachment.html>