Bug 242697

Summary:

Web Inspector: Changes to a CSS Rule's selector not reflected in Changes panel

Product:

WebKit

Reporter:

Razvan Caliman <rcaliman>

Component:

Web Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

inspector-bugzilla-changes, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

All

OS:

All

Attachments:

Description	Flags
Screenshot of bug: selector change not shown in Changes panel	none

Description Razvan Caliman 2022-07-13 09:59:45 PDT

Steps to reproduce:
- Inspect any node https://webkit.org
- Edit the CSS selector text of any CSS Rule in the Styles panel
- Switch to the Changes panel


Expected result:
The change to the selector text is shown

Actual result:
The change does not show up. 
If then editing a CSS declaration inside that CSS rule, the selector text of the rule in the Changes panel is misleading as if it were there from the beginning.

Comment 1 Razvan Caliman 2022-07-13 10:02:06 PDT

Created attachment 460860 [details]
Screenshot of bug: selector change not shown in Changes panel

The selector `.card .content.xxx` has been edited to add `.xxx`. 
It is grayed-out in Styles panel to reflect that it doesn't match the selected node.
The Changes panel does not reflect the changed selector text.

Comment 2 Radar WebKit Bug Importer 2022-07-13 10:02:36 PDT

<rdar://problem/96958615>