codesandbox / codesandbox/codesandbox-client
Turn off overscroll behavior in the editor.
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 13.6k
- Forks
- 2.4k
- Avg merge
- 6d 19h
- Merged PRs (30d)
- 2
Description
🌈 Feature
The editor should have overscroll-behavior: none to prevent navigation swipes and "wobbling" on Sandboxes that involve wheel gestures. This seems to have been done previously with https://github.com/codesandbox/codesandbox-client/pull/2323, however this CSS appears to have since been removed.
A temporary fix is to set overflow: hidden for the document's body but this may create other problems in certain projects.
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
Locate the editor's current styling and compare it with the behavior described in pull request #2323. Apply the requested overscroll behavior without relying on the body's temporary overflow workaround, then verify that wheel gestures no longer cause navigation swipes or wobbling in the affected Sandboxes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100