Fix: screens can't scroll (min-h-dvh under overflow-hidden body)
body is overflow:hidden (to lock the game table), so a min-h-dvh shell just expands past the viewport and is clipped — its overflow-y-auto never engages. Make ScreenShell + HomeScreen fixed-height h-dvh scroll containers (with overscroll-contain + bottom padding). Fixes Profile/Friends/Shop/Leaderboard/ Lobby/BuyCoins/Notifications and the home menu on short viewports. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -46,7 +46,7 @@ export function HomeScreen() {
|
||||
const playOnline = () => nav(isAuthed ? "online" : "auth");
|
||||
|
||||
return (
|
||||
<main className="persian-pattern relative min-h-dvh w-full overflow-y-auto">
|
||||
<main className="persian-pattern relative h-dvh w-full overflow-y-auto overscroll-contain">
|
||||
<FloatingSuits />
|
||||
<div className="relative z-10 mx-auto w-full max-w-md p-4 sm:p-6 flex flex-col min-h-dvh">
|
||||
<div className="pt-1">
|
||||
|
||||
Reference in New Issue
Block a user