NotRelease: [CSS] contain-intrinsic-size supported

[hamishwillee]

Acceptance Criteria

• The listed features are documented sufficiently on MDN
• BCD is updated
• Interactive example and data repos are updated if appropriate
• The content has been reviewed as needed

For folks helping with Firefox related documentation

• Set bugs to dev-doc-complete
• Add entry to Firefox release notes if feature is enabled in release
• Add entry to Firefox experimental features page if feature is not yet enabled in release

Features to document

Tracking https://bugzilla.mozilla.org/show_bug.cgi?id=1597529

https://bugzilla.mozilla.org/show_bug.cgi?id=1782529
https://bugzilla.mozilla.org/show_bug.cgi?id=1782540
https://bugzilla.mozilla.org/show_bug.cgi?id=1782589
https://bugzilla.mozilla.org/show_bug.cgi?id=1782673
https://bugzilla.mozilla.org/show_bug.cgi?id=1783296

Related Gecko bugs

Other

[hamishwillee]

Status/Investigation.

This feature is being developed behind the preference layout.css.contain-intrinsic-size.enabled since FF104.

• It is nearly complete and all those sub bugs are part of the implementation.
• The feature can be used anywhere that triggers size containment.
  • This means contain: size right now.
  • In future it will mean content-visibility which we do not yet implements. Note this got its own pref in FF100 https://bugzilla.mozilla.org/show_bug.cgi?id=1759130 but there is not point noting this yet - the feature doesn't do anything yet.
• We should add the pref to BCD for contain-intrinsic-size and also to experimental features.
• contain-intrinsic-size docs need some work.

Confirmed in https://bugzilla.mozilla.org/show_bug.cgi?id=1597529#c6

Some useful links:

• https://web.dev/content-visibility/#specifying-the-natural-size-of-an-element-with-contain-intrinsic-size

[hamishwillee]

Status:

• BCD
  • FF104 supports CSS contains-intrinsic-size behind pref browser-compat-data#17840
  • Add missing contain-intrinsic-* properties browser-compat-data#17890
• Docs
  • contain-intrinsic-size - improve docs #20912
  • Need to update https://github.com/mdn/data/blob/main/css/properties.json - contain-intrinsic- size, width, height data#607 (properties-schema: elementsForWhichLayoutContainmentCanApply data#606)
  • Doc for contain-intrinsic-width - contain-intrinsic-width and contain-intrinsic-height #21065
  • Doc for contain-intrinsic-height - contain-intrinsic-width and contain-intrinsic-height #21065
  • Doc for contain-intrinsic-block-size - contain-intrinsic-* missing properties #21110
  • Doc for contain-intrinsic-inline-size - contain-intrinsic-* missing properties #21110
  • Examples - I think examples would be desirable, but not needed for FF release and particularly behind a flag. Decided not to do.
  • - Improve example of contain-intrinsic-size with selection #21428
• Experimental features - FF104 Experimental Features: contain-intrinsic-size #20911
• dev-doc-complete:

Done bar last part of data update. More could be done with the examples, but I think "not terrible" and best that I can do with my CSS skills.

[hamishwillee]

I think this is all pretty much done except the reviews and sidebar stuff in mdn/data#606

That is supposed to add all the inter-links. However for some reason at least some of this is generating. So waiting on info to explain why.

[Rumyra]

This looks closable - thank you @hamishwillee