Set overflow scroll behaviour to auto (#576)

adamwoodnz · web-flow · commit 95e1b469eafa · 2024-02-19T14:42:14.000+13:00
* Set breadcrumb overflow scroll behaviour to auto

This stops the scrollbar always being shown when device preferences are set to show scrollbars

* Set sidebar container overflow behaviour to auto

* Set query filter overlay overflow behaviour to auto
diff --git a/mu-plugins/blocks/query-filter/src/style.pcss b/mu-plugins/blocks/query-filter/src/style.pcss
@@ -121,7 +121,7 @@
 	margin: 0;
 	padding: var(--wp--preset--spacing--10);
 	max-height: 18rem;
-	overflow: scroll;
+	overflow-y: auto;
 	border: none;
 }
 
diff --git a/mu-plugins/blocks/sidebar-container/postcss/style.pcss b/mu-plugins/blocks/sidebar-container/postcss/style.pcss
@@ -30,7 +30,7 @@
 
 		width: var(--local--block-end-sidebar--width);
 		padding-bottom: var(--local--padding);
-		overflow-y: scroll;
+		overflow-y: auto;
 		overscroll-behavior: contain;
 		scrollbar-color: var(--wp--preset--color--charcoal-5) transparent;
 
diff --git a/mu-plugins/blocks/site-breadcrumbs/postcss/style.pcss b/mu-plugins/blocks/site-breadcrumbs/postcss/style.pcss
@@ -11,7 +11,7 @@
 	}
 
 	& .wporg-site-breadcrumbs__wrapper {
-		overflow: scroll;
+		overflow-x: auto;
 		text-overflow: clip;
 		white-space: nowrap;
 

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@`
`121`	`121`	`margin: 0;`
`122`	`122`	`padding: var(--wp--preset--spacing--10);`
`123`	`123`	`max-height: 18rem;`
`124`		`- overflow: scroll;`
	`124`	`+ overflow-y: auto;`
`125`	`125`	`border: none;`
`126`	`126`	`}`
`127`	`127`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`& .wporg-site-breadcrumbs__wrapper {`
`14`		`- overflow: scroll;`
	`14`	`+ overflow-x: auto;`
`15`	`15`	`text-overflow: clip;`
`16`	`16`	`white-space: nowrap;`
`17`	`17`