Range Editor: vh range values (and other non-absolute units) are shown as calculated pixel values

[bramus]

E.g. https://scroll-driven-animations.style/demos/cover-to-fixed-header/css/

When you inspect the#sticky-parallax-header element and edit the range, the animation-range-end shows up as a pixel value. This is not how it was declared in the CSS. The CSS reads animation-range: 0vh 90vh.

[bramus]

Unfortunately this is how the values are represented to me when reading the rangeStart and rangeEnd from the Animation instance. Same with getComputedStyle: the specified values have been computed to px values.

I don’t see a way – without resorting to parsing the stylesheet and running my own cascade - how to get these specified values. Marking as wontfix This will not be worked on and adding it to the FAQ This question/bug is part of the FAQ .

[bramus]

Reopening so that the issue can be found when searching (because search defaults to non-closed issues)