Bug 177471

Summary: Web Inspector: Styles Redesign: Selector editing quality improvements
Product: WebKit Reporter: Nikita Vasilyev <nvasilyev>
Component: Web InspectorAssignee: Nikita Vasilyev <nvasilyev>
Status: ASSIGNED ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Bug Depends on: 177012, 178489, 179040, 192999    
Bug Blocks:    

Description Nikita Vasilyev 2017-09-25 16:12:26 PDT
Features of the current styles sidebar that are missing in the new one:
— Hovering over a selector highlights matching elements on the page.
— Pasting CSS rules into a selector field should parses it and creates a new rule.
— Right-clicking on a selector shows a menu with various options, such as “Copy Rule”, “Duplicate Selector”, “Create ::before Rule”, and others.
— Command-S saves the matching CSS resource (and shows a dialog where to save when called for the first time).

Missing in the current styles sidebar, but important to have: 
— When selector is modified and it no longer matches the selected element, it should stay on screen until the new element is selected.
Comment 1 Radar WebKit Bug Importer 2017-10-03 12:18:00 PDT
<rdar://problem/34796098>