@@ -174,7 +174,7 @@ const SelectCode = () => {
174174 < div className = "showcase" >
175175 < div className = "items" >
176176 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
177- < Select defaultValue = { 10 } >
177+ < Select defaultValue = { 10 } MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
178178 < MenuItem value = { 10 } > Ten</ MenuItem >
179179 < MenuItem value = { 20 } > Twenty</ MenuItem >
180180 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -190,7 +190,7 @@ const SelectCode = () => {
190190 < div className = "showcase" >
191191 < div className = "items" >
192192 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
193- < Select defaultValue = { 10 } variant = "filled" >
193+ < Select defaultValue = { 10 } variant = "filled" MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
194194 < MenuItem value = { 10 } > Ten</ MenuItem >
195195 < MenuItem value = { 20 } > Twenty</ MenuItem >
196196 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -203,7 +203,7 @@ const SelectCode = () => {
203203 < div className = "showcase" >
204204 < div className = "items" >
205205 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
206- < Select defaultValue = { 10 } variant = "standard" >
206+ < Select defaultValue = { 10 } variant = "standard" MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
207207 < MenuItem value = { 10 } > Ten</ MenuItem >
208208 < MenuItem value = { 20 } > Twenty</ MenuItem >
209209 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -231,7 +231,7 @@ const SelectCode = () => {
231231 < div className = "showcase" >
232232 < div className = "items" >
233233 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
234- < Select defaultValue = { 10 } autoWidth >
234+ < Select defaultValue = { 10 } autoWidth MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
235235 < MenuItem value = { 10 } > Ten</ MenuItem >
236236 < MenuItem value = { 20 } > Twenty</ MenuItem >
237237 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -247,7 +247,7 @@ const SelectCode = () => {
247247 < div className = "showcase" >
248248 < div className = "items" >
249249 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
250- < Select defaultValue = { 10 } size = "small" >
250+ < Select defaultValue = { 10 } size = "small" MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
251251 < MenuItem value = { 10 } > Ten</ MenuItem >
252252 < MenuItem value = { 20 } > Twenty</ MenuItem >
253253 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -264,7 +264,7 @@ const SelectCode = () => {
264264 < div className = "showcase" >
265265 < div className = "items" >
266266 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
267- < Select defaultValue = { 10 } fullWidth >
267+ < Select defaultValue = { 10 } fullWidth MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
268268 < MenuItem value = { 10 } > Ten</ MenuItem >
269269 < MenuItem value = { 20 } > Twenty</ MenuItem >
270270 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -292,6 +292,7 @@ const SelectCode = () => {
292292 labelId = "demo-select-label"
293293 id = "demo-select"
294294 label = "Age"
295+ MenuProps = { { disableScrollLock : true , marginThreshold : null } }
295296 >
296297 < MenuItem value = { 10 } > Ten</ MenuItem >
297298 < MenuItem value = { 20 } > Twenty</ MenuItem >
@@ -307,7 +308,7 @@ const SelectCode = () => {
307308 < div className = "items" >
308309 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
309310 < FormControl sx = { { width : "200px" } } >
310- < Select defaultValue = { 10 } >
311+ < Select defaultValue = { 10 } MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
311312 < MenuItem value = { 10 } > Ten</ MenuItem >
312313 < MenuItem value = { 20 } > Twenty</ MenuItem >
313314 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -338,6 +339,7 @@ const SelectCode = () => {
338339 } }
339340 value = { selectedAge }
340341 displayEmpty
342+ MenuProps = { { disableScrollLock : true , marginThreshold : null } }
341343 >
342344 < MenuItem value = { 10 } > Ten</ MenuItem >
343345 < MenuItem value = { 20 } > Twenty</ MenuItem >
@@ -357,7 +359,7 @@ const SelectCode = () => {
357359 < div className = "showcase" >
358360 < div className = "items" >
359361 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
360- < Select defaultValue = { 10 } >
362+ < Select defaultValue = { 10 } MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
361363 < ListSubheader muiSkipListHighlight > Group 1</ ListSubheader >
362364 < MenuItem value = { 10 } > Ten</ MenuItem >
363365 < MenuItem value = { 20 } > Twenty</ MenuItem >
@@ -382,12 +384,12 @@ const SelectCode = () => {
382384 < div className = "showcase" >
383385 < div className = "items" >
384386 < SistentThemeProvider initialMode = { isDark ? "dark" : "light" } >
385- < Select disabled defaultValue = { 10 } >
387+ < Select disabled defaultValue = { 10 } MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
386388 < MenuItem value = { 10 } > Ten</ MenuItem >
387389 < MenuItem value = { 20 } > Twenty</ MenuItem >
388390 < MenuItem value = { 30 } > Thirty</ MenuItem >
389391 </ Select >
390- < Select error defaultValue = { 10 } >
392+ < Select error defaultValue = { 10 } MenuProps = { { disableScrollLock : true , marginThreshold : null } } >
391393 < MenuItem value = { 10 } > Ten</ MenuItem >
392394 < MenuItem value = { 20 } > Twenty</ MenuItem >
393395 < MenuItem value = { 30 } > Thirty</ MenuItem >
@@ -408,6 +410,7 @@ const SelectCode = () => {
408410 labelId = "demo-select-label-outlined"
409411 id = "demo-select-outlined"
410412 label = "Age"
413+ MenuProps = { { disableScrollLock : true , marginThreshold : null } }
411414 >
412415 < MenuItem value = { 10 } > Ten</ MenuItem >
413416 < MenuItem value = { 20 } > Twenty</ MenuItem >
@@ -438,6 +441,7 @@ const SelectCode = () => {
438441 input = { < OutlinedInput label = "Name" /> }
439442 value = { multipleAges }
440443 onChange = { handleMultiplSelect }
444+ MenuProps = { { disableScrollLock : true , marginThreshold : null } }
441445 >
442446 < MenuItem value = { 10 } > Ten</ MenuItem >
443447 < MenuItem value = { 20 } > Twenty</ MenuItem >
0 commit comments