Fix scroll broken on mobile - remove overscroll-behavior:none and webkit-overflow-scrolling:touch from globals

Both were added in the last mobile optimization and caused touch scroll
to stop working on Android/GrapheneOS browsers:
- overscroll-behavior: none on html/body blocks native touch scroll
- * { -webkit-overflow-scrolling: touch } on every element interferes
  with the browser's native scroll handling

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-06-17 22:39:28 +07:00
parent 4398c2e73b
commit 67850348e6

View file

@ -347,13 +347,8 @@
html, body { html, body {
overflow-x: hidden; overflow-x: hidden;
max-width: 100vw; max-width: 100vw;
/* Prevent elastic overscroll on the root — pages handle their own scroll */ /* Allow normal vertical scrolling — do NOT set overscroll-behavior: none here
overscroll-behavior: none; as it blocks touch scroll on Android browsers */
}
/* Smooth momentum scrolling on iOS */
* {
-webkit-overflow-scrolling: touch;
} }
/* Better tap highlight on mobile — subtle red glow */ /* Better tap highlight on mobile — subtle red glow */