From 3c652524b082939d9fa03b0c963ae419b0666a65 Mon Sep 17 00:00:00 2001
From: Yousaf Raza <yousafrazaravian@gmail.com>
Date: Tue, 6 May 2025 12:08:43 +0500
Subject: [PATCH] fix(docs): Automatic scrolling fails on screens smaller than
 721px due to flexbox behavior

Fixes a flexbox issue where if a flex item has `flex-basis: auto` and `min-height: auto`, it exceeds the height of its flex parent. Consequently, when `scrollBy` is called by `scrollDetector` in `drop-list-ref.ts`, the container is not scrollable because its height is determined by its content. Removing `min-height: auto` forces the flex item to match the height of its flex parent, allowing `scrollBy` to function correctly.

Fixes #26476
---
 docs/src/app/pages/component-sidenav/component-sidenav.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/app/pages/component-sidenav/component-sidenav.scss b/docs/src/app/pages/component-sidenav/component-sidenav.scss
index 4ac99781d80b..7d2ad0e0be32 100644
--- a/docs/src/app/pages/component-sidenav/component-sidenav.scss
+++ b/docs/src/app/pages/component-sidenav/component-sidenav.scss
@@ -116,7 +116,7 @@ div.docs-component-viewer-nav-content .mat-nav-list .mat-mdc-list-item .mat-list
 
 @media (max-width: 720px) {
   .docs-component-viewer-sidenav-container {
-    flex: 1 0 auto;
+    flex: 1 0;
   }
 
   .docs-component-sidenav-body-content {