boha_admin/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

fix(odin): disable pull-to-refresh on the immersive mobile page

Browse Source 
A PTR reload lands while the standalone-PWA viewport is still settling and
re-races the --app-height measurement (Chromium settles without firing
resize), bringing the scroll room back ~50% of the time. The immersive page
is fixed-viewport, so overscroll-behavior-y: none on html+body removes the
gesture (and the race trigger) entirely; restored on route leave.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
BOHA
2026-06-11 09:37:55 +02:00
parent 5b380863cf
commit 91072548d4
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/admin/ui/AppShell.tsx
View File

@@ -42,10 +42,19 @@ export default function AppShell() {
set(); set();
window.addEventListener("resize", set); window.addEventListener("resize", set);
window.visualViewport?.addEventListener("resize", set); window.visualViewport?.addEventListener("resize", set);
// Kill pull-to-refresh: a PTR reload lands mid-viewport-settle and
// re-races the measurement (Chromium settles without a resize event).
// The immersive page is fixed-viewport — the gesture has no use here.
const prevRootOverscroll = root.style.overscrollBehaviorY;
const prevBodyOverscroll = document.body.style.overscrollBehaviorY;
root.style.overscrollBehaviorY = "none";
document.body.style.overscrollBehaviorY = "none";
return () => { return () => {
window.removeEventListener("resize", set); window.removeEventListener("resize", set);
window.visualViewport?.removeEventListener("resize", set); window.visualViewport?.removeEventListener("resize", set);
root.style.removeProperty("--app-height"); root.style.removeProperty("--app-height");
root.style.overscrollBehaviorY = prevRootOverscroll;
document.body.style.overscrollBehaviorY = prevBodyOverscroll;
}; };
}, [immersiveOnMobile]); }, [immersiveOnMobile]);