New feature: CSS Typed Object Model (CSS Typed OM)

[branneman]

Specification: https://drafts.css-houdini.org/css-typed-om/
Polyfill: https://github.com/jonathantneal/css-typed-om

Browser Support:

• Chrome 66: Partial support

I found out about this feature through the Google Developers article Working with the new CSS Typed Object Model.

[woutervanvliet]

This has now landed in Chrome 66, would be nice to see it on caniuse.com

Until then, we have: https://ishoudinireadyyet.com/ (https://github.com/surma/ishoudinireadyyet.com)

[Schweinepriester]

Safari TP 145 https://webkit.org/blog/12629/release-notes-for-safari-technology-preview-145/:

Added CSSOM support (r292045)

=>

Implemented units for CSS Typed OM (r292150)

[Schweinepriester]

https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/:

CSS Typed OM

• Enabled CSS Typed OM (258269@main)
• Allowed setting custom identifiers via the CSS Typed OM API (257859@main)
• Made transition-duration property not allow negative values (258295@main)
• Made sure the z-index property is able to be set to -3.14 (258265@main)
• Made sure column-count value gets clamped to [1, inf] (258218@main)
• Made sure orphans and widows value gets clamped to [1, inf] (258243@main)
• Made StylePropertyMap return CSS values exactly as they were set (257815@main)
• Made StylePropertyMap.set() wrap a value in a calc() if the value is outside the allowed range (257485@main)
• Made StylePropertyMap.set() throw when trying to set a number for a property which doesn't allow it (258242@main)

[Schweinepriester]

https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes:

Added support for CSS Typed OM.

[SelfMadeSystem]

There's no blockers on Firefox other than time and resources now https://bugzilla.mozilla.org/show_bug.cgi?id=1278697#c10
It should be added to caniuse. It's on MDN.

[Schweinepriester]

It's on MDN.

Is it this one https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API?

Then it's technically already on caniuse, via MDN 🎉

[SelfMadeSystem]

It's on MDN.

Is it this one https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API?

Then it's technically already on caniuse, via MDN 🎉

?

[Schweinepriester]

Following how MDN decided to split in in their support tables:
https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API#browser_compatibility

=>

• https://caniuse.com/?search=CSSStyleValue
• https://caniuse.com/?search=StylePropertyMap
• https://caniuse.com/?search=CSSUnparsedValue
• https://caniuse.com/?search=CSSKeywordValue

But I still think a singular entry by caniuse itself encompassing all of this would be beneficial, giving viewers a table to quickly comprehend the support.

[SelfMadeSystem]

if CSS Typed Object Model API will be added, wouldn't that mean you would also have to add the other houdini spec names including CSS Properties and Values API etc. in addition to the individual components like CSSStyleMap, CSS at-rule: @property, etc.?