Merge pull request #11998 from poju3185/detect-keyboard-in-perseus

Fix #11891 Enhanced Input Mode Detection for Hybrid Devices
learningequality · Mar 22, 2024 · b16c589 · b16c589
2 parents 40373ad + b8aae9f
commit b16c589
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/kolibri/core/assets/src/utils/browserInfo.js b/kolibri/core/assets/src/utils/browserInfo.js
@@ -69,3 +69,15 @@ export const isTouchDevice =
   'ontouchstart' in window ||
   window.navigator?.maxTouchPoints > 0 ||
   window.navigator?.msMaxTouchPoints > 0;
+
+function handlePointerDown(event) {
+  if (event.pointerType === 'mouse') {
+    localStorage.setItem('mouseUsed', 'true');
+    isMouseUsed = true;
+    window.removeEventListener('pointerdown', handlePointerDown);
+  }
+}
+
+window.addEventListener('pointerdown', handlePointerDown);
+
+export let isMouseUsed = localStorage.getItem('mouseUsed') === 'true';
diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -91,7 +91,7 @@
   import client from 'kolibri.client';
   import urls from 'kolibri.urls';
   import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
-  import { isTouchDevice } from 'kolibri.utils.browserInfo';
+  import { isTouchDevice, isMouseUsed } from 'kolibri.utils.browserInfo';
   import scriptLoader from 'kolibri-common/utils/scriptLoader';
   import perseus from '../../dist/perseus';
   import icu from '../KAGlobals/icu';
@@ -144,7 +144,7 @@
         return this.windowBreakpoint < 3;
       },
       usesTouch() {
-        return isTouchDevice;
+        return isTouchDevice && !isMouseUsed;
       },
       itemRenderData() {
         return {