Skip to content

[MWPW-191877] - SR Firefox animations#5830

Open
DKos95 wants to merge 69 commits intosite-redesign-foundationfrom
ff-lenis-no-pol
Open

[MWPW-191877] - SR Firefox animations#5830
DKos95 wants to merge 69 commits intosite-redesign-foundationfrom
ff-lenis-no-pol

Conversation

@DKos95
Copy link
Copy Markdown
Contributor

@DKos95 DKos95 commented Apr 20, 2026

PR adds support for firefox animations until they implement scroll driven animations.
Plans to implement polyfil were abandoned because of bad performance in combination with lenis, while this approach gives us better performance and requires less code.
Performance was measured to be ~120fps on firefox

Resolves: MWPW-191877

PSI Test URLs:

Firefox Test URLs:

@aem-code-sync
Copy link
Copy Markdown
Contributor

aem-code-sync bot commented Apr 20, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-sync branch
Commits

@DKos95 DKos95 requested a review from a team April 20, 2026 10:43
@DKos95 DKos95 changed the title [MWPW-191877] - Firefox animations [MWPW-191877] - SR Firefox animations Apr 20, 2026
Comment thread libs/utils/utils.js
fsScrollTimer = setTimeout(() => { window.lenis.options.lerp = lerp; }, fsDelay);
}
}, { passive: true });
if (!CSS.supports('animation-timeline: view()')) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we also check for reduced-motion here ?

@@ -0,0 +1,553 @@
const vh = window.innerHeight;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This can change on resize right ?

@zagi25
Copy link
Copy Markdown
Contributor

zagi25 commented Apr 20, 2026

I noticed few issues when resizing the browser, animations work pretty well on first load, but after screen is resized they start to brake. Also I believe base-card image should have a max width of 1920px (same goes for carousel slide)

Screen.Recording.2026-04-20.at.17.48.24.mov
Screen.Recording.2026-04-20.at.17.51.08.mov
Screenshot 2026-04-20 at 17 50 11

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants