[Button] Add touch-action: manipulation to disable double-tap. Reso…

…lves #412
techniq · Jun 27, 2024 · a85c73e · a85c73e
1 parent 4b623ba
commit a85c73e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/silent-crews-fold.md b/.changeset/silent-crews-fold.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[Button] Add `touch-action: manipulation` to disable double-tap
diff --git a/packages/svelte-ux/src/lib/components/Button.svelte b/packages/svelte-ux/src/lib/components/Button.svelte
@@ -44,7 +44,7 @@
 
   $: _class = cls(
     'Button',
-    'transition duration-200 ring-surface-content/60',
+    'transition duration-200 ring-surface-content/60 touch-manipulation',
     'focus:outline-none focus-visible:ring-1',
     fullWidth ? 'flex w-full' : 'inline-flex',
     loading ? 'gap-2' : 'gap-1',