Intent to Implement: CSS content-size

[Vladimir Levin]

Contact emails

vmp...@chromium.org, taba...@chromium.org, chri...@chromium.org

Explainer

Explainer in the context of display locking (a motivating example): https://github.com/WICG/display-locking/blob/master/explainer-new.md

Explainer in the spec draft (introduction section):

http://tabatkins.github.io/specs/css-content-size/

Spec draft:

http://tabatkins.github.io/specs/css-content-size/

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

Summary

The content-size size property allows the developer to specify a placeholder size which would be used for content under size containment which is not yet rendered or ready for display. Currently, with size containment, elements lay out as if they were empty. With size containment and content-size specified, elements lay out as if they had a single child with fixed size (specified by content-size).

Risks

Interoperability and Compatibility

This is a new feature which can be feature detected. If unavailable, the behavior may be approximated by sizing the size-contained element directly. In other words, the desired behavior can be reproduced on a case-by-case basis with manipulating the element size.

Other UAs: No signals yet

Web developers: No signals yet

Ergonomics

The content-size property only has an effect when size containment is present, and extends size containment by allowing content to be sized by the developer.

Link to entry on the feature dashboard

https://www.chromestatus.com/feature/5737051062272000

Requesting approval to ship?

No

[Vladimir Levin]

Please note that due to some feedback from CSSWG, this is now replaced with a few css properties that specify intrinsic size:

longhands: intrinsic-width, intrinsic-height, intrinsic-block-size, intrinsic-inline-size

shorthands: intrinsic-size

New draft: https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override

[Christian Biesinger]

For reference, this naming change was discussed in
https://lists.w3.org/Archives/Public/www-style/2019Oct/0019.html.

Christian

> --
> You received this message because you are subscribed to the Google Groups "blink-dev" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
> To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADsXd2NHRujBOCfMW90pYzXrYHsYUxKXyz8mMqyN2ZhCdV3u-w%40mail.gmail.com.