Open Bug 1889532 Opened 1 year ago Updated 8 months ago

scroll driven animation requires a time-based animation-duration value

Categories

(Core :: Layout, defect, P3)

Product:
Core
Component:
Layout
Type:
defect

Tracking

()

People

(Reporter: nchevobbe, Unassigned)

References

(Blocks 1 open bug)

Details

Steps to reproduce

  1. With layout.css.scroll-driven-animations.enabled set to true
  2. Go to https://codepen.io/una/pen/KKYZzJM
  3. Scroll the page

Expected results

The images are animated when scrolling

Actual results

The images are not animated.

Adding animation-duration: 1s (or any other non-zero number) does make it work

This may be a duplicate of Bug 1804574. Currently, our initial value is 0s, instead of auto, because we are still using the definition in css-animations-1.

Severity: -- → S3
Depends on: 1804574
Priority: -- → P3

Bug 1804574 has been fixed. I tried to verify this bug but it seems the link in comment 0 doesn't work, even on Chrome. I cannot see anything on the codepen.

You need to log in before you can comment on or make changes to this bug.