UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. create an element, and in the css, create a psuedo element, such as :after
2. Give the psuedo element an animation name and duration
3. Create @keyframes for the animation in the same css file. They don't have to be sophisticated, a simple 0% -> 50% -> 100% is fine.
4. Open the Chrome devtools, select the psuedo element
5. Confirm it has the "animation" property
6. Observe bug: there is no @keyframes editor

7. Now remove the psuedo element and put the "animation" property on the original element and repeat steps 4 and 5, but select the real element, since the psuedo element no longer exists. 
8. Observe bug: the @keyframes editor now appears. 

What is the expected behavior?
I should be able to edit keyframes for animations attached to native HTML elements as well as psuedo elements. 

What went wrong?
There is no @keyframes editor for psuedo elements.

Did this work before? N/A 

Chrome version: 61.0.3163.100  Channel: n/a
OS Version: OS X 10.12.6
Flash Version: