WPT
wpt / web-animations / interfaces / Animation / commitStyles.html
Spec: Web Animations ↗
Runs: Chrome 155.0.8041.0 (wpt@18be93235, 2026-09-04) | Firefox 157.0a1 (wpt@1b4bc17cf, 2026-09-04) | Safari 251 preview (wpt@2c385f65e, 2026-09-04) | Ladybird 1.0-17043 (wpt@25681acff, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 30/32 | 32/32 | 31/32 | 0/32 | 0/32 | NOT RUN |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Throws if the target element is not something with a style attribute | PASS | PASS | PASS | FAIL | FAIL | — |
| Throws if the target element is a pseudo element | PASS | PASS | PASS | FAIL | FAIL | — |
| Checks the pseudo element condition before the not rendered condition | PASS | PASS | PASS | FAIL | FAIL | — |
| Throws if the target effect is disconnected | PASS | PASS | PASS | FAIL | FAIL | — |
| Throws if the target effect is display:none | PASS | PASS | PASS | FAIL | FAIL | — |
| Throws if the target effect's ancestor is display:none | PASS | PASS | PASS | FAIL | FAIL | — |
| Treats display:contents as rendered | PASS | PASS | PASS | FAIL | FAIL | — |
| Treats display:contents in a display:none subtree as not rendered | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits styles | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits styles for backwards animation | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits values calculated mid-interval | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits values during the start delay | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits value after the active interval | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits the intermediate value of an animation in the middle of stack | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits the intermediate value of an animation up to the middle of the stack | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits styles for an animation that has been removed | PASS | PASS | PASS | FAIL | FAIL | — |
| Commit composites on top of the underlying value | PASS | PASS | PASS | FAIL | FAIL | — |
| Commit styles of an animation when another animation runs with a different prop | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits logical properties | FAIL | PASS | PASS | FAIL | FAIL | — |
| Commits logical properties as physical properties | FAIL | PASS | PASS | FAIL | FAIL | — |
| Commits em units as pixel values | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits custom variables | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits variable references as their computed values | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits relative line-height | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits transforms | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits styles for individual transform properties | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits transforms as a transform list | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits matrix-interpolated relative transforms | PASS | PASS | FAIL | FAIL | FAIL | — |
| Commits 'none' transform | PASS | PASS | PASS | FAIL | FAIL | — |
| Commits shorthand styles | PASS | PASS | PASS | FAIL | FAIL | — |
| Triggers mutation observers when updating style | PASS | PASS | PASS | FAIL | FAIL | — |
| Does NOT trigger mutation observers when the change to style is redundant | PASS | PASS | PASS | FAIL | FAIL | — |