Fix tooltip not to be displayed by touch (#378)

Author: ota-meshi

packages/cheetah-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cheetah-grid",
-  "version": "1.7.6",
+  "version": "1.7.8",
   "description": "Cheetah Grid is a high performance grid engine that works on canvas",
   "keywords": [
     "spreadsheet",

packages/cheetah-grid/src/js/core/DrawGrid.ts

@@ -1341,7 +1341,14 @@ function _bindEvents(this: DrawGrid): void {
     | null
     | undefined = null;
   let longTouchId: NodeJS.Timeout | null = null;
+  let touchStartIntervalId: NodeJS.Timeout | null = null;
   handler.on(element, "touchstart", (e) => {
+    // Since it is an environment where touch start can be used, it blocks mousemove that occurs after this.
+    if (touchStartIntervalId != null) clearTimeout(touchStartIntervalId);
+    touchStartIntervalId = setTimeout(() => {
+      touchStartIntervalId = null;
+    }, 350);
+
     if (!doubleTapBefore) {
       doubleTapBefore = getCellEventArgsSet(e).eventArgs;
       setTimeout(() => {
@@ -1462,6 +1469,11 @@ function _bindEvents(this: DrawGrid): void {
   });
 
   handler.on(element, "mousemove", (e) => {
+    if (touchStartIntervalId != null) {
+      // Probably a mousemove event triggered by a touchstart. Therefore, this event is blocked.
+      return;
+    }
+
     const eventArgsSet = getCellEventArgsSet(e);
     const { abstractPos, eventArgs } = eventArgsSet;
     if (eventArgs) {

packages/vue-cheetah-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cheetah-grid",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "Cheetah Grid for Vue.js",
   "main": "lib/index.js",
   "unpkg": "dist/vueCheetahGrid.js",