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
2026-04-16 07:56:24 +00:00
parent fea1231304
commit 6781c41fdf
1 changed files with 10 additions and 0 deletions
@@ -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;