fix: disable user-select on press buttons

ubermanu · Jun 2, 2023 · 8ba1f67 · 8ba1f67
1 parent 196a680
commit 8ba1f67
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/routes/(docs)/interaction/long-press/example/ConfettiButton.svelte b/src/routes/(docs)/interaction/long-press/example/ConfettiButton.svelte
@@ -12,7 +12,7 @@
 
 <button
   use:longPress
-  class="inline-flex items-center rounded bg-neutral-200 p-2 shadow-sm hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600"
+  class="inline-flex select-none items-center rounded bg-neutral-200 p-2 shadow-sm hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600"
   class:is-pressed={$pressed}
 >
   <slot />

diff --git a/src/routes/(docs)/interaction/press/example/Button.svelte b/src/routes/(docs)/interaction/press/example/Button.svelte
@@ -7,7 +7,7 @@
 
 <button
   use:press
-  class="inline-flex items-center rounded bg-neutral-200 p-2 shadow-sm hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600"
+  class="inline-flex select-none items-center rounded bg-neutral-200 p-2 shadow-sm hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600"
   class:is-pressed={$pressed}
 >
   <svelte:component this={$pressed ? Smile : Frown} class="mr-2 h-5 w-5" />