Add scroll functionality for mobile

diff --git a/src/Viewport.ts b/src/Viewport.ts
index 82f748eada09d43584f843e85260f24ff7484930..6d4c1c8458e663654913afa4e8b93b02ffff7f3e 100644 (file)
--- a/src/Viewport.ts
+++ b/src/Viewport.ts
@@ -13,6 +13,7 @@ export class Viewport {
   private currentRowHeight: number;
   private lastRecordedBufferLength: number;
   private lastRecordedViewportHeight: number;
+  private lastTouchY: number;
 
   /**
    * Creates a new Viewport.
@@ -121,4 +122,18 @@ export class Viewport {
     // Prevent the page from scrolling when the terminal scrolls
     ev.preventDefault();
   };
+
+  public onTouchStart(ev: TouchEvent) {
+    this.lastTouchY = ev.touches[0].pageY;
+  };
+
+  public onTouchMove(ev: TouchEvent) {
+    let deltaY = this.lastTouchY - ev.touches[0].pageY;
+    this.lastTouchY = ev.touches[0].pageY;
+    if (deltaY === 0) {
+      return;
+    }
+    this.viewportElement.scrollTop += deltaY;
+    ev.preventDefault();
+  };
 }

diff --git a/src/xterm.js b/src/xterm.js
index a8a76fb92da13887025458b8673a7a6931185416..dc3b940b849d6e6cc5eedcf67a8534a4e26b8422 100644 (file)
--- a/src/xterm.js
+++ b/src/xterm.js
@@ -1095,6 +1095,18 @@ Terminal.prototype.bindMouse = function() {
     self.viewport.onWheel(ev);
     return self.cancel(ev);
   });
+
+  on(el, 'touchstart', function(ev) {
+    if (self.mouseEvents) return;
+    self.viewport.onTouchStart(ev);
+    return self.cancel(ev);
+  });
+
+  on(el, 'touchmove', function(ev) {
+    if (self.mouseEvents) return;
+    self.viewport.onTouchMove(ev);
+    return self.cancel(ev);
+  });
 };
 
 /**