From 6781c41fdf588096e302ef9cbb19b08ab0d9636f Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 16 Apr 2026 07:56:24 +0000
Subject: [PATCH] Fix mobile click delay with touch-action manipulation

Closes the 300ms tap delay on mobile browsers by setting
touch-action: manipulation on all interactive elements.

https://claude.ai/code/session_01BnwMp4VhD3HK9zkycqmiFh
---
 assets/css/app.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/assets/css/app.css b/assets/css/app.css
index 9be22670..fce5c4fd 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -19,6 +19,16 @@
 [data-phx-session], [data-phx-teleported-src] { display: contents }
 
 @layer base {
+  a,
+  button,
+  [role="button"],
+  input,
+  select,
+  textarea,
+  label {
+    touch-action: manipulation;
+  }
+
   button:not(:disabled),
   [role="button"]:not(:disabled) {
     cursor: pointer;