fix: auto scroll is not working on devices narrower than 721px(angular#1219)

simonzea · simonzea · commit fa576dc432c0 · 2023-08-03T15:11:33.000-05:00
The flex-basis in the class docs-component-viewer-sidenav-container property was creating problems with the scroll bar in the page https://material.angular.io/cdk/drag-drop/examples for small devices. Fixes angular#1219 and angular/components#26476
diff --git a/src/app/pages/component-sidenav/component-sidenav.scss b/src/app/pages/component-sidenav/component-sidenav.scss
@@ -104,7 +104,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 {

Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@ div.docs-component-viewer-nav-content .mat-nav-list .mat-mdc-list-item .mat-list`
`104`	`104`
`105`	`105`	`@media (max-width: 720px) {`
`106`	`106`	`.docs-component-viewer-sidenav-container {`
`107`		`- flex: 1 0 auto;`
	`107`	`+ flex: 1 0;`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`.docs-component-sidenav-body-content {`