chenglou / chenglou/react-motion

animation very laggy on firefox mobile

Open
#428 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
21.9k
Forks
1.1k
PR merge metrics
No merged PRs in 30d

Description

Hi,
I am using Motion, spring & translate3d for something like a menubar with transform: `translate3d(${x}vw, 0vw, 0)
and x ranging from -100 to 0 etc.

Is there a workaround for this.

It works perfectly smooth on chrome though.

Thanks

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the menubar animation on Firefox mobile using Motion, a spring, and translate3d with x ranging from -100 to 0, then compare it with Chrome. The issue is complete when the lag is explained and a verified workaround or fix is identified, with the affected Firefox mobile environment recorded.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.