Closed Bug 1774620 Opened 2 years ago Closed 2 years ago

[META] Add basic support for CSS container queries impact in DevTools

Categories

(DevTools :: General, task)

task

Tracking

(Not tracked)

RESOLVED FIXED

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
Component: Framework → General

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

Keywords: meta
Summary: Investigate CSS container queries impact on DevTools → [META] Investigate CSS container queries impact on DevTools
Depends on: 1786830

(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
Depends on: 1786832
Depends on: 1787175
Depends on: 1796090
Depends on: 1796092
Depends on: 1796095
No longer depends on: 1787175
Summary: [META] Investigate CSS container queries impact on DevTools → [META] Add basic support for CSS container queries impact in DevTools

All the "must have" features landed, we can close this meta

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.