fix: mobile keyboard opening all the time when selecting something in…

… the editor on a touch device
josdejong · Aug 29, 2022 · c2a0937 · c2a0937
1 parent 92e87c4
commit c2a0937
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/lib/components/modals/popup/AbsolutePopupEntry.svelte b/src/lib/components/modals/popup/AbsolutePopupEntry.svelte
@@ -110,7 +110,13 @@
 >
   {#if refRootPopup}
     <div class="jse-absolute-popup-content" style={calculateStyle(refRootPopup, popup.options)}>
-      <input bind:this={refHiddenInput} class="jse-hidden-input" />
+      <input
+        type="text"
+        readonly="readonly"
+        tabindex="-1"
+        class="jse-hidden-input"
+        bind:this={refHiddenInput}
+      />
       <svelte:component this={popup.component} {...popup.props} />
     </div>
   {/if}

diff --git a/src/lib/components/modes/treemode/TreeMode.svelte b/src/lib/components/modes/treemode/TreeMode.svelte
@@ -2231,8 +2231,10 @@
   {#if !isSSR}
     <label class="jse-hidden-input-label">
       <input
-        class="jse-hidden-input"
+        type="text"
+        readonly="readonly"
         tabindex="-1"
+        class="jse-hidden-input"
         bind:this={refHiddenInput}
         on:paste={handlePaste}
       />