eclipse-theia/theia

iPad Cursor Scrolling (iPadOS 13.4)

Open

#7,580 opened on Apr 15, 2020

View on GitHub
 (2 comments) (16 reactions) (0 assignees)TypeScript (18,676 stars) (2,478 forks)batch import
bughelp wantedipad

Description

Description

I was using theia (Gitpod) on the iPad with the new cursor introduced in iPad OS 13.4 for a few days. I have to say that it works really really well. Only one thing is not working correctly: Scrolling.

Reproduction Steps

  • 2018 iPad Pro 12.9 inch
  • iPadOS 13.4.1
  • iOS Safari
  • Magic Trackpad 2
  • Theia version is todays Gitpod version.

Try scrolling in the editor or other scrollable panels / views. The preview browser does scroll though.

Workaround

Anyway Theia (or Gitpod) is very very usable on the iPad now when using the minimap, touch gestures or scrollbars for scrolling. Anything except for scrolling seems to work fine.

Additional Information

The code-server project is facing a similar issue, and they already made some investigations here.

I hope this helps!

Contributor guide

Tech stack
typescripthtmlcss
Domain
frontenddeveloper experience
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
TypeScriptUnderstanding of Theia's viewport/scrolling architecture
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Investigate scrolling behavior in Theia's editor and views when using iPad cursor. The issue likely involves missing or incorrect handling of wheel events or pointer events from the Magic Trackpad. Refer to the code server investigation at https://github.com/cdr/code server/issues/1455#issuecomment 610016124. Look at the editor's scroll container and event listeners in packages/editor/src/browser/editor widget.ts and similar files. The fix may involve adding event listeners for 'wheel' events with passive: false or handling pointer events correctly.