fix: add touch input text element

2004Scape · Apr 3, 2024 · 585cb0a · 585cb0a
1 parent 09429d0
commit 585cb0a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/src/html/index.html b/src/html/index.html
@@ -31,18 +31,9 @@
                 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
                 z-index: -1;
             }
-
-            #touchInput {
-                position: absolute;
-                top: 0;
-                left: 0;
-                opacity: 0; /* Make the input element transparent */
-                pointer-events: none; /* Disable pointer events on the input element */
-            }
         </style>
     </head>
     <body>
         <canvas id="canvas" width="789" height="532"></canvas>
-        <input type="text" id="touchInput" />
     </body>
 </html>
diff --git a/src/js/jagex2/client/GameShell.ts b/src/js/jagex2/client/GameShell.ts
@@ -591,7 +591,7 @@ export default abstract class GameShell {
                 this.touchInput = null;
             }
 
-            // const document = document; // Replace with your document reference
+            const document: Document = window.document;
             this.touchInput = document.createElement('touchInput');
             if (this.insideUsernameArea()) {
                 this.touchInput.setAttribute('id', 'username');
@@ -673,7 +673,8 @@ export default abstract class GameShell {
     };
 
     get isMobile(): boolean {
-        return navigator.maxTouchPoints > 0 /* || navigator.msMaxTouchPoints > 0*/;
+        const touch: string[] = ['Android', 'webOS', 'iPhone', 'iPad', 'iPod', 'BlackBerry', 'Windows Phone'];
+        return touch.some((keyword: string): boolean => navigator.userAgent.includes(keyword));
     }
 
     private insideViewportArea(): boolean {