(airflow) 04/43: [v3-1-test] Fix sidebar visibility issue when main content exceeds viewport height (#59660) (#60286)

[ephraimanierobi]

This is an automated email from the ASF dual-hosted git repository.

ephraimanierobi pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit c3000b14d45ea73d62fba4c7887ebf942fe6b490
Author: github-actions[bot] 
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Thu Jan 8 15:39:04 2026 -0500

    [v3-1-test] Fix sidebar visibility issue when main content exceeds viewport 
height (#59660) (#60286)
    
    (cherry picked from commit b2962a3ca12b0d1c0e0271e046272265d9d9a585)
    
    Co-authored-by: Yeonguk Choo <choo121...@gmail.com>
---
 airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx 
b/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
index 6fd189cb152..1f2574cc858 100644
--- a/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/BaseLayout.tsx
@@ -53,7 +53,15 @@ export const BaseLayout = ({ children }: PropsWithChildren) 
=> {
   return (
     <LocaleProvider locale={i18n.language || "en"}>
       <Nav />
-      <Box _ltr={{ ml: 20 }} _rtl={{ mr: 20 }} display="flex" 
flexDirection="column" h="100vh" p={3}>
+      <Box
+        _ltr={{ ml: 20 }}
+        _rtl={{ mr: 20 }}
+        display="flex"
+        flexDirection="column"
+        h="100vh"
+        overflowY="auto"
+        p={3}
+      >
         {children ?? <Outlet />}
       </Box>
     </LocaleProvider>