src/App.css

@@ -4,7 +4,7 @@
   --safe-area-inset-bottom: env(safe-area-inset-bottom);
   --safe-area-inset-right: env(safe-area-inset-right);
   background-color: var(--tutu-color-surface, transparent);
-  overscroll-behavior-block: contain;
+  overscroll-behavior-block: none;
 }
 
 .custom-emoji {

src/masto/timelines.ts

@@ -38,7 +38,6 @@ export function useTimeline(
     async ([tl], info) => {
       let tlChanged = false;
       if (otl !== tl) {
-        console.debug("timeline reset");
         npager = opager = undefined;
         otl = tl;
         tlChanged = true;

src/material/BottomSheet.module.css

@@ -11,7 +11,7 @@
   width: 100%;
   max-width: 560px;
   border-radius: 2px;
-  overscroll-behavior: contain;
+  overscroll-behavior: none;
   max-height: 100vh;
   max-height: 100dvh;
 

src/timelines/Home.tsx

@@ -430,6 +430,7 @@ const Home: ParentComponent = (props) => {
         }
       >
         <TimeSourceProvider value={now}>
+          <Show when={!!client()}>
             <div class="panel-list" ref={panelList!}>
               <div class="tab-panel">
                 <div>
@@ -464,6 +465,7 @@ const Home: ParentComponent = (props) => {
               </div>
               <div></div>
             </div>
+          </Show>
         </TimeSourceProvider>
         <Suspense>
           <HeroSourceProvider value={[heroSrc, setHeroSrc]}>