bramus / bramus/scroll-driven-animations-debugger-extension
Range Editor: vh range values (and other non-absolute units) are shown as calculated pixel values
- Dominant language
- No language data
- Stars
- 59
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Description
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`.
Contributor guide
No contributing guide indexed for this repository
Research direction
Open the linked demo and inspect #sticky-parallax-header in the Range Editor, focusing on how animation-range: 0vh 90vh is displayed. Reproduce the issue and verify that non-absolute range values remain represented as their declared vh values rather than calculated pixels.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- devtools
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100