Bug 242246 - Web Inspector: Changes: @media, @supports rules not shown in output
Summary: Web Inspector: Changes: @media, @supports rules not shown in output
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-07-01 06:12 PDT by Razvan Caliman
Modified: 2022-07-01 06:14 PDT (History)
2 users (show)

See Also:

Attachments
Test case (314 bytes, text/html)
2022-07-01 06:12 PDT, Razvan Caliman 		no flags Details
Screenshot of issue in Changes panel (97.33 KB, image/png)
2022-07-01 06:14 PDT, Razvan Caliman 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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