Bug 183003 - Element disappears when applying a translate3d within translate3d
Summary: Element disappears when applying a translate3d within translate3d
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 11
Hardware: Macintosh OS X 10.11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-02-21 08:29 PST by Alvaro
Modified: 2018-02-21 08:29 PST (History)
1 user (show)

See Also:


Attachments
Video of the issue (3.32 MB, image/gif)
2018-02-21 08:29 PST, Alvaro
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alvaro 2018-02-21 08:29:57 PST
Created attachment 334381 [details]
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