Contact emails
cbies...@chromium.org
Explainer
None
Specification
https://www.w3.org/TR/css-sizing-4/#intrinsic-size-override
Summary
This converts contain-intrinsic-size to a shorthand and adds
corresponding contain-intrinsic-{width,height} properties as well as
contain-intrinsic-{inline,block} size. For example, this will make the
following work: <div style="writing-mode: vertical-lr; contain: size;
contain-intrinsic-inline-size: 100px; contain-intrinsic-block-size:
50px;"></div>
Blink component
Blink>Layout
Search tags
contain-intrinsic-size, contain intrinsic size, logical
TAG review
https://github.com/w3ctag/design-reviews/issues/624
TAG review status
Pending
Risks
Interoperability and Compatibility
Gecko: Positive (
https://github.com/mozilla/standards-positions/issues/512)
WebKit: No signal
(
https://lists.webkit.org/pipermail/webkit-dev/2021-April/031787.html)
Web developers: No signals
Debuggability
like any other CSS property
Is this feature fully tested by web-platform-tests?
Yes
Flag name
Requires code in //chrome?
False
Tracking bug
https://crbug.com/1157844
Estimated milestones
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5709654999957504
Motivation
For the common case of using c-i-s to provide a better scrollbar
approximation for content-visibility: auto, being able to just specify
an intrinsic height is helpful. And of course the logical versions
make this easier for vertical writing mode pages.
This also paves the way for contain-intrinsic-size: auto and will make
1d size containment work more straightforwardly and thus help with
container queries.
This intent message was generated by Chrome Platform Status.