Bug 183003 - Element disappears when applying a translate3d within translate3d
Summary: Element disappears when applying a translate3d within translate3d
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 11
Hardware: Mac OS X 10.11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-02-21 08:29 PST by Alvaro
Modified: 2023-05-10 12:38 PDT (History)
2 users (show)

See Also:

Attachments
Video of the issue (3.32 MB, image/gif)
2018-02-21 08:29 PST, Alvaro 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

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
Comment 1 Antoine Quint 2023-05-10 12:38:06 PDT 
Works fine in shipping Safari!