IanLunn / IanLunn/Sequence

Test multiple transitions on same element

Open
#204 0 comments 0 reactions 0 assignees View on GitHub
General Improvements
Dominant language
JavaScript
Stars
3.3k
Forks
470
PR merge metrics
No merged PRs in 30d

Description

It is most likely that multiple transitions on the same element won't work correctly when transitions are reversed.

Example code:

```
.some-element {
color: red;
left: 0;
transition: color 1s, left 2s;
}

.some-element.animate-in {
color: blue;
left: 50%;
}
```

Contributor guide

Open the contributing guide

Research direction

No source files or tests are named in the issue. Start by locating the transition handling and existing animation tests, then reproduce the supplied CSS example with color and left transitions while reversing the animation. Done means a regression test confirms multiple transitions on one element reverse correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.