Created attachment 8562129 [details] Screenshot 2015-02-10 16.32.08.png The rule-view shows the @keyframes rule when there is a css animation applied to the current node in the inspector. It shows it in a separate section at the end of the rule-view. It looks like there was a regression with this feature, because the animation name is supposed to appear in the section header, but not it shows "Inherited from" instead.
It seems to only occur on dev-edition. I will attach a test page and STR.
Created attachment 8562139 [details] animation.html STR - open the attached test page in dev-edition - open the inspector - select the .simple-animation node - check the rule-view
If I select the .multiple-animations node instead, I see the 2 expected keyframes sections, but only one has the right section header.
Created attachment 8562147 [details] keyframes.gif Here's an animated gif showing what I see on the test page.
I did a little debugging and found out that the keyframes section header is created correctly when createExpandableContainer is called , but it gets replaced with an incorrect header when the CssRuleViewRefreshed event gets dispatched .  http://mxr.mozilla.org/mozilla-central/source/browser/devtools/styleinspector/rule-view.js#1811  http://mxr.mozilla.org/mozilla-central/source/browser/devtools/styleinspector/rule-view.js#1616
Inspector bug triage. Filter on CLIMBING SHOES. Cannot reproduce the issue described in the STRs. For .simple-animation the header of the rule view section has the expected title : "Keyframes move"
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.