css-houdini-drafts

css-houdini-drafts copied to clipboard

ComputedStyleObserver?

2

Just wanted to bring this WICG thread to the group's attention: https://discourse.wicg.io/t/observe-current-computed-style-changes-styleobserver/4879 I posted [my thoughts about use cases](https://discourse.wicg.io/t/observe-current-computed-style-changes-styleobserver/4879/4) there too: > Just came here to suggest the same thing....

LeaVerou

[css-properties-values-api-1] Allow @property syntax checking to work with fallback value

2

I'm experimenting with the new `@property` at-rule and feel that it should include the ability to use `syntax` in conjunction with custom property fallback value. For example, let's say I...

miragecraft

Spec section: https://drafts.css-houdini.org/css-typed-om/#the-stylepropertymap Current implementation: ```ts interface StylePropertyMapReadOnly { (undefined or CSSStyleValue) get(USVString property); } ``` I think this should be: ```ts interface StylePropertyMapReadOnly { CSSStyleValue? get(USVString property); } ```...

j-f1

Relevant spec: https://www.w3.org/TR/css-typed-om-1/ Currently it doesn't seem possible to parse `aspect-ratio`: ```ts console.log(CSSStyleValue.parse('aspect-ratio', '1 / 2')) // => CSSStyleValue ``` Would it make sense to create a new subclass of...

OliverJAsh

[css-typed-om] what is "hint" in "add two types" step 3

3

from https://drafts.css-houdini.org/css-typed-om-1/#cssnumericvalue-add-two-types: > If type1 and/or type2 [contain](https://infra.spec.whatwg.org/#map-exists) "percent" with a non-zero value, and type1 and/or type2 [contain](https://infra.spec.whatwg.org/#map-exists) a key other than "percent" with a non-zero value > For each...

gsnedders

[css-typed-om] do types have hints?

1

c.f. https://drafts.css-houdini.org/css-typed-om-1/#numeric-typing > Each [CSSNumericValue](https://drafts.css-houdini.org/css-typed-om-1/#cssnumericvalue) has an associated type, which is a [map](https://infra.spec.whatwg.org/#ordered-map) of [base types](https://drafts.css-houdini.org/css-typed-om-1/#cssnumericvalue-base-type) to integers (denoting the exponent of each type, so a [](https://drafts.csswg.org/css-values-4/#length-value)2, such as from...

gsnedders

[css-typed-om] Math functions that correspond css math functions declared in css-values-4

2

Hi folks, I noticed that [CSS Typed OM Level 1](https://drafts.css-houdini.org/css-typed-om-1) is now missing support for [CSS math functions that are part of the CSS Values and Units Module Level 4.](https://www.w3.org/TR/css-values-4/#calc-syntax)...

DevSDK

[css-typed-om] Provide a way to resolve a CSSUnitValue and CSSMath* to a pixel value

9

Especially in conjunction with css-layout-api, it seems desirable to be able to resolve lengths with percentages in them. ```js const marginLeft = child.styleMap.get('margin-left'); // "calc(10px + 2%)" const marginLeftResolved =...

surma

[css-properties-values-api] Mass property registration

4

Twitter thread: https://twitter.com/James0x57/status/1467601715067342853 It's rather common to register a number of properties with the same descriptors. E.g. most ``, `` or `` properties are registered to have an initial value...

LeaVerou

[css-layout-api] Is there any way to access the properties of children of an element that uses `display: layout(foo)` ?

2

Regarding this spec: https://github.com/w3c/css-houdini-drafts/blob/main/css-layout-api/EXPLAINER.md I wonder if there's any way to access child properties during the layout? For example, if some elements in the layout need to be displayed differently,...

Nantris