fix: restore share and note scrolling on ios pwa

bare routes lacked a scrollport under overflow:hidden html/body.
wide rich-text tables used overflow-x:auto alone, which computes
overflow-y:auto and traps vertical touch on iphone. force ink palette
on /s/* for a consistent public share look.
This commit is contained in:
ginnoir
2026-07-18 17:19:41 -05:00
parent 908764873f
commit 969521ac3f
4 changed files with 37 additions and 4 deletions
+13 -2
View File
@@ -725,9 +725,19 @@
.scroll-area {
flex: 1;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding: 20px 24px 60px;
}
/* Bare routes (/s/*, /login, signed-out) — same scrollport as .scroll-area
without app chrome padding. Needed because html/body are overflow:hidden. */
.bare-scroll {
height: 100%;
height: 100dvh;
overflow-x: hidden;
overflow-y: auto;
}
:where(html[data-nav="bottom"]) .scroll-area,
:where(html[data-nav="fab"]) .scroll-area {
padding: 12px 14px 74px;
@@ -1617,7 +1627,8 @@ select {
}
/* Momentum scrolling + prevent page bounce fighting in-app scroll */
.scroll-area {
.scroll-area,
.bare-scroll {
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
}