[Webkit-unassigned] [Bug 183003] New: Element disappears when applying a translate3d within translate3d

[bugzilla-daemon at webkit.org]

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

            Bug ID: 183003
           Summary: Element disappears when applying a translate3d within
                    translate3d
           Product: WebKit
           Version: Safari 11
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: atrigol at gmail.com
                CC: dino at apple.com

Created attachment 334381

  --> https://bugs.webkit.org/attachment.cgi?id=334381&action=review

Video of the issue

I noticed that in Safari (working fine in Chrome and Firefox), an element with a translate3d transition disappears on the screen when applying it within another element that also contains a translate3d transition.

Reproduction here:
https://jsfiddle.net/chq2qfm8/63/


Steps to reproduce:

- Click the Scroll Down and Scroll Up buttons consecutively just after the animation finishes. 

Video attached, yo ucan also find it here:
https://image.ibb.co/hVPrYH/animation2.gif

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180221/5e16204a/attachment.html>