Bug 242634

Summary: Web Inspector: Link animation-name attribute value to the @keyframe animation where it is defined
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   

Description Karl Dubost 2022-07-12 01:45:02 PDT 
Steps to reproduce:

1. Open a page with an animation
2. Open Web Inspector on Elements
3. Select the element with the animation
4. Discover the name 'animation-name: foo'

Expected:
Have a link to jump where the animation is defined in the sources and/or in the Rules panel.

Actual:
The user needs to do command+shift+F to search for the keyword name of the animation. 



see https://www.robinrendle.com/notes/a-playground,-a-wellspring/
Comment 1 Radar WebKit Bug Importer 2022-07-12 01:45:35 PDT 
<rdar://problem/96870919>