From 2ab2f8ab5a9ea49800ea58fba0809b8dca6de811 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 8 Dec 2023 00:58:44 +0000
Subject: [PATCH] Fixes to layout

---
 src/view/screens/Search/Search.tsx | 10 +++++++++-
 src/view/shell/index.web.tsx       |  6 ++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx
index b4db270b3c..65d685b870 100644
--- a/src/view/screens/Search/Search.tsx
+++ b/src/view/screens/Search/Search.tsx
@@ -493,7 +493,9 @@ export function SearchScreenMobile(
 
   return (
     <View style={{flex: 1}}>
-      <CenteredView style={[styles.header, pal.border]} sideBorders={isTablet}>
+      <CenteredView
+        style={[styles.header, pal.view, styles.container]}
+        sideBorders={isTablet}>
         <Pressable
           testID="viewHeaderBackOrMenuBtn"
           onPress={onPressMenu}
@@ -593,6 +595,12 @@ export function SearchScreenMobile(
 }
 
 const styles = StyleSheet.create({
+  container: {
+    // @ts-ignore web only
+    position: 'sticky',
+    top: 0,
+    zIndex: 1,
+  },
   header: {
     flexDirection: 'row',
     alignItems: 'center',
diff --git a/src/view/shell/index.web.tsx b/src/view/shell/index.web.tsx
index 9d2e2adddb..3bbb72cef0 100644
--- a/src/view/shell/index.web.tsx
+++ b/src/view/shell/index.web.tsx
@@ -76,7 +76,8 @@ const styles = StyleSheet.create({
     backgroundColor: colors.black, // TODO
   },
   drawerMask: {
-    position: 'absolute',
+    // @ts-ignore web only
+    position: 'fixed',
     width: '100%',
     height: '100%',
     top: 0,
@@ -85,7 +86,8 @@ const styles = StyleSheet.create({
   },
   drawerContainer: {
     display: 'flex',
-    position: 'absolute',
+    // @ts-ignore web only
+    position: 'fixed',
     top: 0,
     left: 0,
     height: '100%',