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:
+13
-2
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user