Merge pull request #1611 from skaut/no-user-select

Disabled text selection in folder selection
skaut · May 9, 2024 · ab62d5f · ab62d5f
2 parents 180d6e0 + 9afc64f
commit ab62d5f
Showing 1 changed file with 52 additions and 46 deletions.
diff --git a/src/frontend/FolderSelection.svelte b/src/frontend/FolderSelection.svelte
@@ -105,56 +105,62 @@
 <p>
   {$_("steps." + step + ".introduction")}
 </p>
-<List singleSelection>
-  <Separator />
-  <Subheader>
-    <button class="breadcrumb" type="button" on:click={rootNavigation}>
-      {$_("drive.driveList")}
-    </button>
-    {#each path as segment (segment.id)}
-      &nbsp; &gt; &nbsp;
-      <button
-        class="breadcrumb"
-        type="button"
-        on:click={() => {
-          breadcrumbNavigation(segment);
-        }}
-      >
-        {segment.name}
+<div>
+  <List singleSelection>
+    <Separator />
+    <Subheader>
+      <button class="breadcrumb" type="button" on:click={rootNavigation}>
+        {$_("drive.driveList")}
       </button>
-    {/each}
-  </Subheader>
-  <Separator />
-  {#if items === null}
-    <LinearProgress indeterminate />
-  {:else}
-    {#each items as item (item.id)}
-      <Item
-        selected={selected !== null && selected.id === item.id}
-        on:dblclick={() => {
-          itemNavigation(item);
-        }}
-        on:keydown={(e) => {
-          handleItemKeydown(e, item);
-        }}
-        on:SMUI:action={() => {
-          if (selected === item) {
+      {#each path as segment (segment.id)}
+        &nbsp; &gt; &nbsp;
+        <button
+          class="breadcrumb"
+          type="button"
+          on:click={() => {
+            breadcrumbNavigation(segment);
+          }}
+        >
+          {segment.name}
+        </button>
+      {/each}
+    </Subheader>
+    <Separator />
+    {#if items === null}
+      <LinearProgress indeterminate />
+    {:else}
+      {#each items as item (item.id)}
+        <Item
+          selected={selected !== null && selected.id === item.id}
+          on:dblclick={() => {
             itemNavigation(item);
-          } else {
-            selected = item;
-          }
-        }}
-      >
-        <Text>
-          {item.name}
-        </Text>
-      </Item>
-    {/each}
-  {/if}
-  <Separator />
-</List>
+          }}
+          on:keydown={(e) => {
+            handleItemKeydown(e, item);
+          }}
+          on:SMUI:action={() => {
+            if (selected === item) {
+              itemNavigation(item);
+            } else {
+              selected = item;
+            }
+          }}
+        >
+          <Text>
+            {item.name}
+          </Text>
+        </Item>
+      {/each}
+    {/if}
+    <Separator />
+  </List>
+</div>
 
 <style lang="scss">
+  div {
+    user-select: none;
+  }
+
   .breadcrumb {
     border: none;
     background-color: unset;