Contain scrolling within dropdown popover

KoolADE85 · KoolADE85 · commit 681a3791ddb3 · 2025-12-22T16:08:47.000-07:00
diff --git a/components/dash-core-components/src/components/css/datepickers.css b/components/dash-core-components/src/components/css/datepickers.css
@@ -143,6 +143,7 @@
     z-index: 500;
     box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),
         0px 10px 20px -15px var(--Dash-Shading-Weak);
+    overscroll-behavior: contain;
 }
 
 .dash-datepicker-calendar-wrapper {
diff --git a/components/dash-core-components/src/components/css/dropdown.css b/components/dash-core-components/src/components/css/dropdown.css
@@ -84,6 +84,7 @@
     z-index: 500;
     box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),
         0px 10px 20px -15px var(--Dash-Shading-Weak);
+    overscroll-behavior: contain;
 }
 
 .dash-dropdown-value-count,

Original file line number	Diff line number	Diff line change
`@@ -143,6 +143,7 @@`
`143`	`143`	`z-index: 500;`
`144`	`144`	`box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),`
`145`	`145`	`0px 10px 20px -15px var(--Dash-Shading-Weak);`
	`146`	`+ overscroll-behavior: contain;`
`146`	`147`	`}`
`147`	`148`
`148`	`149`	`.dash-datepicker-calendar-wrapper {`
Original file line number	Diff line number	Diff line change
`@@ -84,6 +84,7 @@`
`84`	`84`	`z-index: 500;`
`85`	`85`	`box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong),`
`86`	`86`	`0px 10px 20px -15px var(--Dash-Shading-Weak);`
	`87`	`+ overscroll-behavior: contain;`
`87`	`88`	`}`
`88`	`89`
`89`	`90`	`.dash-dropdown-value-count,`