233238 2021-11-16 20:53:01 -0800 Web Inspector: Nested style groupings are presented in reverse order in Styles sidebar panel 2021-11-16 20:53:17 -0800 1 1 1 Unclassified WebKit Web Inspector WebKit Nightly Build All All NEW InRadar P2 Normal --- 1 pangle pangle inspector-bugzilla-changes webkit-bug-importer oldest_to_newest 1815810 0 pangle 2021-11-16 20:53:01 -0800 Given a rule like ``` @media (min-width: 100px) { @supports(color: red) { body { background-color: red; } } } ``` we currently show a list of grouping above the rule in the style sidebar in the reverse of that order. e.g.: ``` @support (color: red) @media (min-width: 100px) body { background-color: red; } ``` But it would actually make more sense for us to mirror the declaration more closely and show... ``` @media (min-width: 100px) @support (color: red) body { background-color: red; } ``` as it better represents the original CSS. This becomes particularly noticeable with bug 233208 which adds showing `@layer` groupings, where the order is important. 1815812 1 webkit-bug-importer 2021-11-16 20:53:17 -0800 <rdar://problem/85488875>