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

[bugzilla-daemon at webkit.org]

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

           Summary: Javascript Animation playing through layers of
                    background SVG
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
               URL: https://create.passkit.com
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: SVG
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: nick at passkit.com
                CC: zimmermann at kde.org, joepeck at webkit.org,
                    webkit-bug-importer at group.apple.com


Chromium bug https://code.google.com/p/chromium/issues/detail?id=241328- affects Safari 7 and iOS7 Safari

What steps will reproduce the problem?

1.  Visit https://create.passkit.com click on any one of the 5 pass type images
2.
3.

What is the expected result?

jQuery slideToggle should quickly hide the image in the simulated phone window and a new image should slowly toggle back within the bounds of the iPhone window.  Has been working in v25 and earlier versions of Chrome, still working on Chrome for iPhone and all other major browsers.

Successful webkit result can be seen by visiting the same page in Safari 6, Firefox 20 or IE 10.

What happens instead?
jQuery animation plays slowly, not completing but still triggering the onComplete slideToggle.  The replaced image is peculiarly rendered and animated outside the bounds of it's parent container and in between 2 layers of a background SVG image (https://d1ye292yvr7tf6.cloudfront.net/images/iphone.svg - the title bar of this image is a transparent gradient). 


Please provide any additional information below. Attach a screenshot if
possible.
On the attached image, you can see the outline of a background object (white rectangle with rounded corners) between the black background layer and transparent overlay of a background SVG image - the entire object should not be rendered outside the bounds of it's parent and certainly should not appear between layers of an independent SVG image.

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