[META] Add basic support for CSS container queries impact in DevTools
Categories
(DevTools :: General, task)
Tracking
(Not tracked)
People
(Reporter: nchevobbe, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: meta)
TODO:
- investigate if we should/could have specific feature for container queries
- when there's an early implementation that we can test, check that no panels are broken
- when there's an early implementation that we can test, check that there is no misleading information in panels when using container queries
Reporter | ||
Updated•2 years ago
|
Comment 1•2 years ago
|
||
investigate if we should/could have specific feature for container queries
At least the @container
rule containing the CSS rule should be shown within the Rules panel as we already have it for media queries.
In addition to that there should be some information shown about the query container the rule matches. The container element could be linked to and there might be some information about the current state of it explaining why the container query matches it.
Sebastian
Reporter | ||
Updated•2 years ago
|
Reporter | ||
Comment 2•2 years ago
|
||
(In reply to Nicolas Chevobbe [:nchevobbe] from comment #0)
- when there's an early implementation that we can test, check that no panels are broken
In Nightly 106.0a1 (2022-08-24)
, with layout.css.container-queries.enabled
set to true
, on https://ffx-devtools-container-queries.glitch.me/, inspecting the element impacted by container queries:
- the rule view works fine (but doesn't display container query information, which will be done in Bug 1786830)
- the location of the rule inside a container query does jump to the style editor
- the rule inside the container query can be modified in the style editor just fine
Reporter | ||
Updated•2 years ago
|
Reporter | ||
Comment 3•2 years ago
|
||
All the "must have" features landed, we can close this meta
Description
•