Remove bad idea

src/view/com/pager/Pager.web.tsx

@@ -20,7 +20,6 @@ export const Pager = React.forwardRef(function PagerImpl(
     children,
     tabBarPosition = 'top',
     initialPage = 0,
-    headerOnlyHeight = 0,
     renderTabBar,
     onPageSelected,
     onPageSelecting,
@@ -41,20 +40,15 @@ export const Pager = React.forwardRef(function PagerImpl(
       setSelectedPage(index)
       onPageSelected?.(index)
       onPageSelecting?.(index)
-      if (scrollY >= headerOnlyHeight) {
+      // if (scrollY >= headerOnlyHeight) {
-        window.scrollTo(
+      window.scrollTo(
-          0,
+        0,
-          Math.max(headerOnlyHeight, scrollYs.current[index] ?? 0),
+        scrollYs.current[index] ?? 0,
-        )
+        // Math.max(headerOnlyHeight, scrollYs.current[index] ?? 0),
-      }
+      )
+      // }
     },
-    [
+    [selectedPage, setSelectedPage, onPageSelected, onPageSelecting],
-      selectedPage,
-      setSelectedPage,
-      onPageSelected,
-      onPageSelecting,
-      headerOnlyHeight,
-    ],
   )
 
   return (

src/view/com/pager/PagerWithHeader.web.tsx

@@ -39,17 +39,6 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>(
     ref,
   ) {
     const [currentPage, setCurrentPage] = React.useState(0)
-    const [headerOnlyHeight, setHeaderOnlyHeight] = React.useState(0)
-
-    const onHeaderOnlyLayout = React.useCallback(
-      (evt: LayoutChangeEvent) => {
-        const height = evt.nativeEvent.layout.height
-        if (height > 0) {
-          setHeaderOnlyHeight(Math.round(height))
-        }
-      },
-      [setHeaderOnlyHeight],
-    )
 
     const renderTabBar = React.useCallback(
       (props: RenderTabBarFnProps) => {
@@ -59,20 +48,12 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>(
             renderHeader={renderHeader}
             currentPage={currentPage}
             onCurrentPageSelected={onCurrentPageSelected}
-            onHeaderOnlyLayout={onHeaderOnlyLayout}
             onSelect={props.onSelect}
             testID={testID}
           />
         )
       },
-      [
+      [items, renderHeader, currentPage, onCurrentPageSelected, testID],
-        items,
-        renderHeader,
-        currentPage,
-        onCurrentPageSelected,
-        onHeaderOnlyLayout,
-        testID,
-      ],
     )
 
     const onPageSelectedInner = React.useCallback(
@@ -95,7 +76,6 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>(
         onPageSelected={onPageSelectedInner}
         onPageSelecting={onPageSelecting}
         renderTabBar={renderTabBar}
-        headerOnlyHeight={headerOnlyHeight}
         tabBarPosition="top">
         {toArray(children)
           .filter(Boolean)
@@ -117,7 +97,6 @@ let PagerTabBar = ({
   testID,
   renderHeader,
   onCurrentPageSelected,
-  onHeaderOnlyLayout,
   onSelect,
 }: {
   currentPage: number
@@ -131,9 +110,7 @@ let PagerTabBar = ({
   const {isMobile} = useWebMediaQueries()
   return (
     <>
-      <View
+      <View style={[!isMobile && styles.headerContainerDesktop, pal.border]}>
-        style={[!isMobile && styles.headerContainerDesktop, pal.border]}
-        onLayout={onHeaderOnlyLayout}>
         {renderHeader?.()}
       </View>
       <View