only attach key and pointer events to javascript languages

souporserious · Oct 6, 2023 · db0002c · db0002c · vercel · Oct 6, 2023
1 parent 0afc577
commit db0002c
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/mdxts/components/client/Editor.tsx b/mdxts/components/client/Editor.tsx
@@ -328,6 +328,13 @@ export function Editor({
     }
   }
 
+  const isJavaScriptBasedLanguage = [
+    'javascript',
+    'jsx',
+    'typescript',
+    'tsx',
+  ].some((languageToCompare) => languageToCompare === language)
+
   const sharedStyle = {
     gridArea: '1 / 1',
     whiteSpace: 'pre-wrap',
@@ -368,13 +375,15 @@ export function Editor({
       </div>
       <textarea
         ref={textareaRef}
-        onPointerMove={handlePointerMove}
+        onPointerMove={
+          isJavaScriptBasedLanguage ? handlePointerMove : undefined
+        }
         onPointerLeave={() => {
           setHoverInfo(null)
           setHoverPosition(null)
         }}
         onKeyDown={handleKeyDown}
-        onKeyUp={handleKeyUp}
+        onKeyUp={isJavaScriptBasedLanguage ? handleKeyUp : undefined}
         onBlur={() => setIsDropdownOpen(false)}
         onChange={
           defaultValue