From fa2cfed93581ef557af55859fb49ca5949e4319f Mon Sep 17 00:00:00 2001
From: Luke Bennett <hello@lukebennett.com.au>
Date: Sun, 4 Oct 2026 16:45:37 +1100
Subject: [PATCH] Add `touch-action: manipulation` to press targets

---
 packages/@luke-ui/react/src/core/primitives/button/recipe.css.ts | 1 +
 .../@luke-ui/react/src/core/primitives/combobox/styles.css.ts    | 1 +
 packages/@luke-ui/react/src/core/styles/reset.css.ts             | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/@luke-ui/react/src/core/primitives/button/recipe.css.ts b/packages/@luke-ui/react/src/core/primitives/button/recipe.css.ts
index 9055d869..dee0f793 100644
--- a/packages/@luke-ui/react/src/core/primitives/button/recipe.css.ts
+++ b/packages/@luke-ui/react/src/core/primitives/button/recipe.css.ts
@@ -12,6 +12,7 @@ export const buttonRecipeInternal = recipe({
 			},
 		},
 		font: 'inherit',
+		touchAction: 'manipulation',
 		transitionDuration: vars.motion.duration.feedback,
 		transitionProperty:
 			'background-color, border-color, box-shadow, color, opacity, text-decoration-color, transform',
diff --git a/packages/@luke-ui/react/src/core/primitives/combobox/styles.css.ts b/packages/@luke-ui/react/src/core/primitives/combobox/styles.css.ts
index 2fe4d7c3..8fc016c1 100644
--- a/packages/@luke-ui/react/src/core/primitives/combobox/styles.css.ts
+++ b/packages/@luke-ui/react/src/core/primitives/combobox/styles.css.ts
@@ -315,6 +315,7 @@ const comboboxConfig = {
 			minBlockSize: vars.controlSize.minTarget,
 			minInlineSize: 0,
 			outline: 'none',
+			touchAction: 'manipulation',
 			transform: 'none',
 			transitionDuration: vars.motion.duration.feedback,
 			transitionProperty: 'background-color, color, opacity',
diff --git a/packages/@luke-ui/react/src/core/styles/reset.css.ts b/packages/@luke-ui/react/src/core/styles/reset.css.ts
index 4f7e87bc..2b707b8a 100644
--- a/packages/@luke-ui/react/src/core/styles/reset.css.ts
+++ b/packages/@luke-ui/react/src/core/styles/reset.css.ts
@@ -51,6 +51,7 @@ globalStyleInLayer('reset', `${root} :where(th, td)`, {
 });
 
 globalStyleInLayer('reset', `${root} :where(button, select, label)`, {
+	touchAction: 'manipulation',
 	WebkitTapHighlightColor: 'transparent',
 });
 
-- 
2.51.2