Crash/page reload on mobile a the end of a FlyTo animation
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
I have a project you can view here: https://toclimbdev.wpengine.com/
Im using flyTo() to move about the map and - on mobile only - the page crashes and reloads at the end of my flyTo() - I also have an isolat4ed version of this project here: https://dddinfographic.com/bt1rwanda/ and it does not crash on mobile....
I'm wondering if having "essential : true" could be the culprit and that maybe in conjunction with the other elements of the complete site, the mobile browser is running out of memory
Is it best to not use this setting on mobile?
map.flyTo({
center: [30.097696175948585, -1.9653736581438466],
bearing: 0,
pitch: 0,
duration: 10000,
curve: .1,
zoom: 10.897333284760252,
essential: true. // does this significantly impact mobile performance?
});
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the mobile page reload with the two linked examples and compare their use of map.flyTo(), especially duration, curve, and essential. Check whether removing or changing essential reliably affects the crash and document the device/browser conditions; done means establishing a reproducible cause or a clear limitation and next step.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- computer-graphics, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100