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', });