Open Bug 1211928 Opened 5 years ago Updated 3 years ago

Make the keyframes editable in the animation-inspector

Categories

(DevTools :: Inspector: Animations, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: pbro, Unassigned)

References

(Blocks 1 open bug)

Details

Bug 1197100 adds a keyframes diagram to the animation-inspector that displays all keyframes in an animation on a line.

If the animation is a CSSAnimation, then we should be able to modify it by adding keyframes, removing keyframes or editing the position of a keyframe.

For CSSTransition we shouldn't be able to obviously.

For element.animate() animations, I'm not too sure because although for CSSAnimations we can modify the CSS by adding code to it and giving it back to the user via the devtools, I don't see how we could do this for script generated animations.
We could still modify the running animation by using the web animations API, but this modification would only live in the browser and be lost on page reload.
Depends on: 1228005
No longer depends on: 1197100
No longer blocks: 1201279
Component: Developer Tools: Inspector → Developer Tools: Animation Inspector
Severity: normal → enhancement
Filter on CLIMBING SHOES
Priority: -- → P3
Blocks: 1280937
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.