pmndrs / pmndrs/react-spring

Performance Issue on Safari (Mobile & Web)

Open
#1,085 8 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: performance type: help wanted
Dominant language
TypeScript
Stars
29.1k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

🐛 Bug Report

The following example is very laggy while running on safari , though it is very smooth on Chrome Android

To Reproduce

https://codesandbox.io/embed/j0y0vpz59
Steps to reproduce the behavior:
View the above url on iOS

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CodeSandbox reproduction at https://codesandbox.io/embed/j0y0vpz59 and reproduce the lag on iOS Safari, comparing it with Chrome Android as described. Trace the animation path involved in that example and use the browser behavior to narrow the regression. Done means the example runs smoothly on Safari without regressing the comparison behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, mobile-dev, performance
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.