[Webkit-unassigned] [Bug 117655] Javascript Animation playing through layers of background SVG

[bugzilla-daemon at webkit.org]

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


Joseph Pecoraro <joepeck at webkit.org> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
             Status|UNCONFIRMED                 |RESOLVED
         Resolution|                            |WONTFIX
                 CC|                            |dino at apple.com




--- Comment #3 from Joseph Pecoraro <joepeck at webkit.org>  2013-06-17 12:15:53 PST ---
Doing my own bisecting I see it breaking with r138184:
<http://trac.webkit.org/log/trunk/?rev=138184&stop_rev=138184>

  Implement CSS parsing for CSS transitions unprefixed.
  ​https://bugs.webkit.org/show_bug.cgi?id=104804
  <http://trac.webkit.org/changeset/138184>


@Nick, it looks like the CSS on the page is accidentally too broad when unprefixed transitions are supported. This snippet of CSS:

    #pass, #back, details, .animate {
        -webkit-transition: -webkit-transform .7s linear;
        -moz-transition: -moz-transform .7s linear;
        -o-transition: -o-transform .7s linear;
        transition: all .7s linear
    }

Now that some browsers (Safari / Chrome) support unprefixed transition, the page went from transitioning only "-webkit-transform" to transitioning "all" properties, which is producing the unexpected results. You should update the content to better handle the case where transition is supported unprefixed. For example, making this "transition: -webkit-transform .7s linear" the animation behaves as expected.

This case is a little tricky, since "transition" is supported unprefixed, but it doesn't look like "transform" is supported unprefixed yet. I suppose you could go with:

    #pass, #back, details, .animate {
        /* Vendor prefixed */
        -webkit-transition: -webkit-transform .7s linear;
        -moz-transition: -moz-transform .7s linear;
        -o-transition: -o-transform .7s linear;
        /* Unprefixed transition and prefixed or unprefixed transform.
        transition-property: -webkit-transform -moz-transform -o-transform transform;
        transition-duration: .7s;
        transition-timing-function: linear;
    }

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