From 706db5d8920ca905e46102bb23f5e040512726d2 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Mon, 7 Apr 2025 16:38:17 -0700
Subject: [PATCH] Remove position: sticky from module headers because they
 don't work and cause a positioning issue on chrome

---
 src/screens/Search/Explore.tsx                 | 1 -
 src/screens/Search/components/ModuleHeader.tsx | 6 ++----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx
index 61ec367850..dfd0d385cf 100644
--- a/src/screens/Search/Explore.tsx
+++ b/src/screens/Search/Explore.tsx
@@ -737,7 +737,6 @@ export function Explore({
         case 'preview:header': {
           return (
             <ModuleHeader.Container
-              headerHeight={headerHeight}
               style={[a.pt_xs, a.border_b, t.atoms.border_contrast_low]}>
               <ModuleHeader.FeedLink feed={item.feed}>
                 <ModuleHeader.FeedAvatar feed={item.feed} />
diff --git a/src/screens/Search/components/ModuleHeader.tsx b/src/screens/Search/components/ModuleHeader.tsx
index c6411d1c0d..cf48c1ae9f 100644
--- a/src/screens/Search/components/ModuleHeader.tsx
+++ b/src/screens/Search/components/ModuleHeader.tsx
@@ -6,7 +6,7 @@ import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logger} from '#/logger'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useTheme, type ViewStyleProp, web} from '#/alf'
+import {atoms as a, native, useTheme, type ViewStyleProp} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import * as FeedCard from '#/components/FeedCard'
 import {sizes as iconSizes} from '#/components/icons/common'
@@ -17,8 +17,7 @@ import {Text, type TextProps} from '#/components/Typography'
 export function Container({
   style,
   children,
-  headerHeight,
-}: {children: React.ReactNode; headerHeight?: number} & ViewStyleProp) {
+}: {children: React.ReactNode} & ViewStyleProp) {
   const t = useTheme()
   return (
     <View
@@ -30,7 +29,6 @@ export function Container({
         a.pb_md,
         a.gap_sm,
         t.atoms.bg,
-        headerHeight && web({position: 'sticky', top: headerHeight}),
         style,
       ]}>
       {/* Very non-scientific way to avoid small gap on scroll */}