Bug 262998 – @property initial-value of length syntax using v* units works but is static

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Jane Ori]

URLs (if applicable) : https://codepen.io/propjockey/pen/RwEdwvd/bb689a16bf96d84d9bfaa570da358e24?editors=1100
Other browsers tested:
     Chrome: same https://bugs.chromium.org/p/chromium/issues/detail?id=1491644
    Firefox: N/A
       Edge:

What steps will reproduce the problem?
(1) register a length property that defaults to 100vh or 100vw etc
(2) use the property
(3) resize the window

What is the expected result?

it should probably update the value or be a syntax error to use v* units in initial-value... maybe?


What happens instead?

the value does not update instead it stays locked to the px size of the screen when it loaded, which is interesting but probably not intended

initial-value is currently spec'd to be computationally independent so I suspect v* units should not be allowed at all there?

Here is a reduced test case, resize to see it happen:
https://codepen.io/propjockey/pen/RwEdwvd/bb689a16bf96d84d9bfaa570da358e24?editors=1100

Thank you!
// Jane

[Tim Nguyen (:ntim)]

The codepen seems to work properly on Safari Technology Preview. Can you give it a try there?

I think bug 255689 might have fixed this.

[Jane Ori]

Just updated tech preview to 17.4, indeed fixed, thank you!