From bb8453417c270d85f8ea79acce849764864fab53 Mon Sep 17 00:00:00 2001
From: JPeer264 <jan.oster94@gmail.com>
Date: Mon, 14 Apr 2025 17:04:17 +0200
Subject: [PATCH] fix safari sidebar overflow

Signed-off-by: JPeer264 <jan.oster94@gmail.com>
---
 .changeset/real-sheep-chew.md                    |  5 +++++
 .../core-components/src/layout/Sidebar/Bar.tsx   | 16 +++++++++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/real-sheep-chew.md

diff --git a/.changeset/real-sheep-chew.md b/.changeset/real-sheep-chew.md
new file mode 100644
index 0000000000..7ff56e5fc1
--- /dev/null
+++ b/.changeset/real-sheep-chew.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': minor
+---
+
+Fix the hidden sidebar's submenu when the sidebar is scrollable
diff --git a/packages/core-components/src/layout/Sidebar/Bar.tsx b/packages/core-components/src/layout/Sidebar/Bar.tsx
index a73c0375cd..00fe6f96ae 100644
--- a/packages/core-components/src/layout/Sidebar/Bar.tsx
+++ b/packages/core-components/src/layout/Sidebar/Bar.tsx
@@ -41,15 +41,21 @@ import { coreComponentsTranslationRef } from '../../translation';
 export type SidebarClassKey = 'drawer' | 'drawerOpen';
 const useStyles = makeStyles<Theme, { sidebarConfig: SidebarConfig }>(
   theme => ({
-    drawer: {
-      display: 'flex',
-      flexFlow: 'column nowrap',
-      alignItems: 'flex-start',
-      position: 'fixed',
+    root: {
       left: 0,
       top: 0,
       bottom: 0,
       zIndex: theme.zIndex.appBar,
+      position: 'fixed',
+    },
+    drawer: {
+      display: 'flex',
+      flexFlow: 'column nowrap',
+      alignItems: 'flex-start',
+      left: 0,
+      top: 0,
+      bottom: 0,
+      position: 'absolute',
       background: theme.palette.navigation.background,
       overflowX: 'hidden',
       msOverflowStyle: 'none',