Closed Bug 1796095 Opened 5 months ago Closed 5 months ago

Display information about the container element in the container query in the rule view

Categories

(DevTools :: Inspector: Rules, enhancement)

Product:
DevTools
Component:
Inspector: Rules
Type:
enhancement

Tracking

(firefox108 fixed)

Status:
RESOLVED FIXED
Milestone:
108 Branch
Tracking Flags:
Tracking Status
firefox108 --- fixed

People

(Reporter: nchevobbe, Assigned: nchevobbe)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Bug 1796095 - [devtools] Display query container data in a tooltip in the rule view. r=jdescottes.
48 bytes, text/x-phabricator-request
Details | Review

Bug 1796090 will add a button so you can select the container element corresponding to the container query, but it would be even better if we could show some container query-related information about the container element to the user upfront

FWIW, Chrome is showing the container type and the sizes used by the query (so width for inline-size, width and height for size)

Blocks: 1774620
Assignee: nobody → nchevobbe
Status: NEW → ASSIGNED
Attachment #9301738 - Attachment description: Bug 1796095 - [devtools] Container query tooltip. r=jdescottes. → WIP: Bug 1796095 - [devtools] Display query container data in a tooltip in the rule view. r=jdescottes.
Attachment #9301738 - Attachment description: WIP: Bug 1796095 - [devtools] Display query container data in a tooltip in the rule view. r=jdescottes. → Bug 1796095 - [devtools] Display query container data in a tooltip in the rule view. r=jdescottes.
Pushed by nchevobbe@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/ee8e959db91f
[devtools] Display query container data in a tooltip in the rule view. r=jdescottes,devtools-backward-compat-reviewers.
Blocks: 1799657

https://hg.mozilla.org/mozilla-central/rev/ee8e959db91f

Status: ASSIGNED → RESOLVED
Closed: 5 months ago
status-firefox108: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 108 Branch
You need to log in before you can comment on or make changes to this bug.