[Webkit-unassigned] [Bug 135619] New: Opacity values are not clamped during transition causing elements with identical colors to become temporarily distinct

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Aug 5 14:14:24 PDT 2014


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

           Summary: Opacity values are not clamped during transition
                    causing elements with identical colors to become
                    temporarily distinct
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://jsfiddle.net/ETzZe/7/
        OS/Version: Windows 8
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jseanxu at gmail.com


When putting a CSS transition the opacity property with a cubic-bezier curve that goes out of [0,1] range (i.e. [0,2,0,2]), changing opacity can cause the element flashes because opacity is not clamped.

Steps to Reproduce:
-Go to: http://jsfiddle.net/ETzZe/7/
-Hover over the box
-Notice the circle inside the box lighting up

Expected result:
Since both the circle and box have the same background-color, and the circle is just changing opacity, no visible change should have occurred.

Actual result:
The opacity of the circle is being transitioned on hover, the opacity value appears to temporarily go beyond 1.0 and the circle lights up.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list