Link animations displayed in the animation-inspector to their declarations in the Rules-view

NEW
Unassigned

Status

()

Firefox
Developer Tools: Animation Inspector
P2
enhancement
2 years ago
2 years ago

People

(Reporter: pbro, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

2 years ago
For now, the animation-inspector displays css animations and css transitions (in the future this might change when we add svg animations and script-generated animations).

That means these animations and transitions are created from css code.

It'd be great if the animation-inspector allowed users to jump from something displayed in the timeline to the corresponding declaration in CSS.

I'm thinking the new rules-view search feature could be used for this. For instance if the user clicks on a transition of the color property, that could select that node in the inspector and then set the rule-view search input to
`transition-property`: color

Similar for css animations.

Bug 1180134 makes it possible to know the type of an animation displayed in the inspector, so that should help.

CCing :gl who said he'd be interested in working on this.
(Reporter)

Updated

2 years ago
Blocks: 985861
(Reporter)

Updated

2 years ago
Component: Developer Tools: Inspector → Developer Tools: Animation Inspector
(Reporter)

Updated

2 years ago
Severity: normal → enhancement
Priority: -- → P2
You need to log in before you can comment on or make changes to this bug.