Intent to Prototype: Element's matchContainer()

[Chromestatus]

Contact emails

seo...@chromium.org, seo...@igalia.com

Explainer

https://github.com/w3c/csswg-drafts/issues/6205

Specification

https://github.com/w3c/csswg-drafts/pull/13551

Summary

Introduce matchContainer() on Element instances for the container query, that provides a similar mechanism to window.matchMedia().

Blink component

Blink>CSS

Web Feature ID

Missing feature

Motivation

CSS Media Queries have a method window.matchMedia(), which gives a script the ability to listen for media query changes. Web Devs proposed that CSS Container Queries have the same functionality. And then, CSSWG resolved this proposal as "RESOLVED: Add a matchContainer method as proposed in issue. Keep issue open to decide if need new observer or if we can reuse the existing".

Initial public proposal

https://github.com/w3c/csswg-drafts/issues/6205

Goals for experimentation

None

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/40887402

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5150754462629888?gate=5168567302619136

This intent message was generated by Chrome Platform Status.