1795622 - [css-contain-3] Support style() queries

Status: NEW

(Core :: CSS Parsing and Computation, enhancement)

Description

[Bramus]

Steps to reproduce:

Spec: https://drafts.csswg.org/css-contain-3/#style-container

Comment 1

[Bramus]

Spec still a draft right now. Filed this issue so there’s something to track across all vendors.

• Blink/Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1302630
• WebKit/Safari: https://bugs.webkit.org/show_bug.cgi?id=246605

Comment 2

[Woody Li]

Chrome has implemented style query of custom property values at version 111.
Webkit position is also supportive of the CSS variables use case: https://github.com/WebKit/standards-positions/issues/57#issuecomment-1691159042

Suggest to split the feature into variables usage and standard properties usage.
And Implement the CSS variables usage at first.
It maybe resolve some problems, even the another way for enviroment queries in shadow dom (Current supported with :host-context() in Chrome).

Comment 3

[Woody Li]

Update:
WebKit has enable Style queries by default WebKit/WebKit#24251