[Webkit-unassigned] [Bug 146784] New: Brightness filter on image with transition repaints the full image

[bugzilla-daemon at webkit.org]

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

            Bug ID: 146784
           Summary: Brightness filter on image with transition repaints
                    the full image
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: amaury.bauzac at crossknowledge.com

Version : 537.36

Reproduced on Chrome 43 and Safari

Hello, 

I encounter a CSS problem using the brightness filter and transition filter on an image. Here is a simple example :

<style>
div {
  border: 4px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}

img {
  -webkit-filter: brightness(0.8);
  -webkit-transition: -webkit-filter 1s ease-out;
  width: 100%;
}

img:hover {
  -webkit-filter: brightness(0.6);
}
</style>

<div>
  <img src="http://i0.kym-cdn.com/photos/images/facebook/000/581/722/7bc.jpg">
</div>


Or see directly : http://codepen.io/bqlou/pen/rVvLXK

Expected result : when hovering the image, brightness applies to the image

Actual result : when hovering the image, brightness applies to the image without repainting the whole picture during the transition

-- 
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/20150709/674c46f5/attachment.html>