Re: [csswg-drafts] [css-color][css-values] Parsing/Serialization behavior for rgb/hsl/hwb colors with calc() containing font/container/viewport relative lengths (#10730)

A more complete test case would look like this:

```html
<div>Here is a test: </div>
<div id=test>TEST</div>
<pre id=log></pre>
<script>
    let element = document.getElementById("test");
    element.style["background-color"] = "rgb(calc(90 + (90 * sign(1vw + 2em))), 0, 0)";
    element.style["width"] = "calc(100px + (100px * sign(100vw - 2em)))";
    
    let log = document.getElementById("log");
    
    let specifiedStyle = element.style;
    log.appendChild(document.createTextNode("background-color (specified): " + specifiedStyle["background-color"] + "\n"));
    log.appendChild(document.createTextNode("width (specified): " + specifiedStyle["width"] + "\n\n"));

    let computedStyle = window.getComputedStyle(element);
    log.appendChild(document.createTextNode("background-color (computed): " + computedStyle["background-color"] + "\n"));
    log.appendChild(document.createTextNode("width (computed): " + computedStyle["width"] + "\n\n"));
</script>
```

-- 
GitHub Notification of comment by weinig
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10730#issuecomment-2284574877 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 12 August 2024 17:37:36 UTC