Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
branneman opened this issue Apr 4, 2018 · 9 comments
Open

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

branneman opened this issue Apr 4, 2018 · 9 comments

Comments

@branneman
Copy link
Contributor

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
Copy link

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
Copy link
Contributor

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
Copy link
Contributor

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
Copy link
Contributor

@SelfMadeSystem
Copy link

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
Copy link
Contributor

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
Copy link

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 🎉

?

image

@Schweinepriester
Copy link
Contributor

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

=>

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
Copy link

SelfMadeSystem commented Nov 2, 2024

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.?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants