inview animations not triggered on page load

[swashbuck]

Subject of the issue

When a page first loads, inview animations are not triggered until the user starts to scroll down the page.

Relates to:
#579

Your environment

• FW 5.41.3
• Core 6.56.0
• Mac Firefox / Chrome

Steps to reproduce

Make the following changes to the Vanilla course that is created from adapt create course. These steps are not necessary but assist with reproducing the issue.

1. co-100: Add hide-page-header to _htmlClasses
2. b-100 and b-105: Use _onScreen animations with _percentInviewVertical set to 1
3. Vanilla theme: In _less/_defaults/animations.less, set @animation-delay to 0s
4. View the co-100 page

Expected behaviour

Blocks should immediately animate in.

Actual behaviour

Blocks do not animate until you start scrolling down the page.

Screen recording

Oct-09-2024.12-53-47.mp4