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
This commit is contained in:
@@ -19,6 +19,16 @@
|
|||||||
[data-phx-session], [data-phx-teleported-src] { display: contents }
|
[data-phx-session], [data-phx-teleported-src] { display: contents }
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
|
a,
|
||||||
|
button,
|
||||||
|
[role="button"],
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea,
|
||||||
|
label {
|
||||||
|
touch-action: manipulation;
|
||||||
|
}
|
||||||
|
|
||||||
button:not(:disabled),
|
button:not(:disabled),
|
||||||
[role="button"]:not(:disabled) {
|
[role="button"]:not(:disabled) {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
Reference in New Issue
Block a user