Bug 242246

Summary: Web Inspector: Changes: @media, @supports rules not shown in output
Product: WebKit Reporter: Razvan Caliman <rcaliman>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Test case
none
Screenshot of issue in Changes panel none

Description Razvan Caliman 2022-07-01 06:12:45 PDT
Created attachment 460607 [details]
Test case

Changes to styles under at-rules like @media or @supports do not show the parent rule in the Changes panel.

Steps to reproduce:
- Open the attached test case
- Inspect the <body> element
- In the Styles panel, change the CSS display value under the matched @media rule
- Switch to the Changes panel and observe the output

Result:
The context about the host @media rule is missing.

When making changes to multiple rules with the same selector but nested under different @media rules, the output of the Changes panel is confusing.
Comment 1 Radar WebKit Bug Importer 2022-07-01 06:13:44 PDT
<rdar://problem/96287436>
Comment 2 Razvan Caliman 2022-07-01 06:14:27 PDT
Created attachment 460608 [details]
Screenshot of issue in Changes panel