1846635 - [css-properties-values-api] Support <string> syntax

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, enhancement)

Comment 1

[Zach Hoffman [:zrhoffman]]

Attachment: Bug 1846635 - [css-properties-values-api] Support <string> syntax r=#style

Comment 2

[Zach Hoffman [:zrhoffman]]

Attachment: Bug 1846635 - [css-properties-values-api] Support <string> syntax r=#style

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/168ad53da9fd
[css-properties-values-api] Support <string> syntax r=emilio

Comment 4

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/41308 for changes under testing/web-platform/tests

Comment 5

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/168ad53da9fd

Comment 6

[Dipika]

Hello Zach, I am in the process of updating MDN docs to include support for <string> in the syntax descriptor. Doc updates for this can be tracked via the GitHub doc issue. I plan to wait until the update has landed in the specification (https://github.com/w3c/css-houdini-drafts/pull/1104).

In the meantime, I was testing out the code reported in Chrome bug. You can see the code here: https://codepen.io/dipikabh/pen/VwqyjrR

• In Chrome, with the experimental setting enabled and using syntax: "*", the text "Hello World - info: none" appears, but there's no change in color.
• In both Firefox Nightly and in Firefox 118, neither --info nor --textcolor seem to have any effect. What might I be missing in the code?

Comment 7

[Zach Hoffman [:zrhoffman]]

Hi Dipika!

• In Chrome, with the experimental setting enabled and using syntax: "*", the text "Hello World - info: none" appears, but there's no change in color.

The initial value for --textcolor should have no quotes, just red.

• In both Firefox Nightly and in Firefox 118, neither --info nor --textcolor seem to have any effect. What might I be missing in the code?

The initial value of registered properties is not used yet, :zsun and :fredw are working on it in bug 1840478. Until then, you can get the example you shared to work by specifying the properties separately. Something like this:

:root {
    --info: "none";
    --textcolor: red;
}

Comment 8

[Dipika]

Thanks for the help, Zach! Yes, the color worked without the quotes. Thanks for the hint to see it working in Firefox.