Open
Bug 1126460
Opened 10 years ago
Updated 2 years ago
CSS: Transition timing function "steps()" does not follow stepping curve on aborted transition state.
Categories
(Core :: Layout, defect)
Tracking
()
UNCONFIRMED
People
(Reporter: bjorklund.emil, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36
Steps to reproduce:
See http://jsbin.com/tomoso/2/edit
1. Create an animation with a step function
2. Trigger the state that starts the animation (hover over example in example URL) that switches the background position, creating a stop-motion-like animation sequence.
3. Abort the hover before the animation has finished playing.
Actual results:
The animation follows a different path, causing the background to appear in unexpected places.
Expected results:
The animation should reverse along the same steps as it travelled in forwards, not dividing the current length of the transition into new steps (which I assume is what is happening).
This strikes me as very unexpected behavior.
(Note: Chrome seems to have the same behavior.)
![]() |
||
Updated•10 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•