Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disable elastic page scrolling on Safari and mobile Safari #7576

Closed
quincylvania opened this issue May 8, 2020 · 1 comment
Closed

Disable elastic page scrolling on Safari and mobile Safari #7576

quincylvania opened this issue May 8, 2020 · 1 comment
Assignees
Labels
touch-stylus An issue with touchscreen or pen input
Milestone

Comments

@quincylvania
Copy link
Collaborator

Safari does this as a nice way to indicate you've reached the end of the page, but it doesn't make sense for an app like iD that takes over the whole window. On desktop it's no big deal but on touchscreens it gets annoying.

elastic_scroll

@quincylvania quincylvania added the touch-stylus An issue with touchscreen or pen input label May 8, 2020
@quincylvania quincylvania self-assigned this May 29, 2020
@quincylvania quincylvania added this to the 2.18.0 milestone May 29, 2020
@quincylvania
Copy link
Collaborator Author

I tried a lot of different ways to do this and found that it's pretty complicated to disable page scroll bouncing without also disabling scrolling for all elements within iD. I implemented a basic solution that only works for standalone iD (e.g. on the preview site but not on osm.org). To me it makes iD feel less like a webpage and more like a real app, which is great.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
touch-stylus An issue with touchscreen or pen input
Projects
None yet
Development

No branches or pull requests

1 participant