Bug 170403 - Nested transitions on hover are running in sequence
Summary: Nested transitions on hover are running in sequence
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 10
Hardware: Mac macOS 10.12
: P2 Normal
Assignee: Nobody
URL: http://codepen.io/broccolileg/pen/XMGmLx
Keywords:
Depends on:
Blocks:
 
Reported: 2017-04-03 08:37 PDT by niels
Modified: 2023-05-10 12:42 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description niels 2017-04-03 08:37:48 PDT
Parent and child both have a transition set. Everything animates at once (correctly) on hover. On mouse leave, the transition on the child gets triggered after the parent's transition is done. These transitions should be running in parallel. Please see the attached URL for an example. This also happens in the latest version of Chrome (57.0.2987.133).
Comment 1 Alexey Proskuryakov 2017-04-04 17:00:08 PDT
I can reproduce this with Safari 10.1.
Comment 2 Antoine Quint 2023-05-10 12:42:21 PDT
This looks good to me with shipping Safari!