From 8c81407ca92d122383e235e64a9e2df9410d7251 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Thu, 7 Dec 2023 05:21:32 +0000
Subject: [PATCH] Shell bars

---
 src/view/com/pager/FeedsTabBar.web.tsx     | 3 ++-
 src/view/com/pager/FeedsTabBarMobile.tsx   | 2 +-
 src/view/shell/bottom-bar/BottomBarWeb.tsx | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/view/com/pager/FeedsTabBar.web.tsx b/src/view/com/pager/FeedsTabBar.web.tsx
index 57c83f17c6..e0e64bbd60 100644
--- a/src/view/com/pager/FeedsTabBar.web.tsx
+++ b/src/view/com/pager/FeedsTabBar.web.tsx
@@ -134,7 +134,8 @@ function FeedsTabBarTablet(
 
 const styles = StyleSheet.create({
   tabBar: {
-    position: 'absolute',
+    // @ts-ignore Web only
+    position: 'fixed',
     zIndex: 1,
     // @ts-ignore Web only -prf
     left: 'calc(50% - 299px)',
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index 882b6cfc54..6615dc8c93 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/src/view/com/pager/FeedsTabBarMobile.tsx
@@ -124,7 +124,7 @@ export function FeedsTabBar(
 
 const styles = StyleSheet.create({
   tabBar: {
-    position: 'absolute',
+    position: isWeb ? 'fixed' : 'absolute',
     zIndex: 1,
     left: 0,
     right: 0,
diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx
index 3a60bd3b1d..602b07d122 100644
--- a/src/view/shell/bottom-bar/BottomBarWeb.tsx
+++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx
@@ -37,6 +37,7 @@ export function BottomBarWeb() {
         pal.border,
         {paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
         footerMinimalShellTransform,
+        {position: 'fixed'},
       ]}>
       <NavItem routeName="Home" href="/">
         {({isActive}) => {