[Webkit-unassigned] [Bug 70595] New: CSS transition incorrectly applied to :target on page load

[bugzilla-daemon at webkit.org]

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

           Summary: CSS transition incorrectly applied to :target on page
                    load
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
               URL: http://jsfiddle.net/AndyE/Jx8YB/show/#3
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: andy at intelligroup.eu


The test page (http://jsfiddle.net/AndyE/Jx8YB/show/#3) demonstrates the issue more clearly than I can explain it, but here goes.

The following code causes the element matching `:target` to slowly transition the background colour from green to orange:

    span:target { background-color: orange; }

    span {
       display: inline-block; 
       width: 100px; 
       height: 100px;
       -webkit-transition: background-color 800ms ease-in;
       background-color: green; 
    }

The computed `background-color` style should be `orange` from the start, and never `green` as long as the `:target` selector applies.  Opera/Presto follows the same behaviour as WebKit here, but in Firefox/Gecko and IE/Trident the element's background colour is orange.

http://jsfiddle.net/AndyE/Jx8YB/2/show/#3 demonstrates the use-case — highlighting a target element of a fragment identifier for a few seconds and then removing the fragment identifier.

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