Can you keep select component dropdown contained within block

[hharrington]

I have placed a select component inside a block

it has a around 70 items in it. when I click on it to open the select, the block opens up covering the entire page. I have attempted to limit this behavior by setting the block hight and man hight but that hasn’t worked.

after opening

containing block flex and dimensions settings

[stanislaw.grin]

Hello @hharrington,

you need to set max-height for the MuiMenu-paper class:

.MuiMenu-paper {
  max-height: 200px;
}

[hharrington]

Thanks for the response, where would I apply this?

H

[stanislaw.grin]

In the Theme editor:

More info about theming can be found in this video by Mark:

Themes in UI Builder - get complete look & feel control

Regards,
Stanislaw

[hharrington]

Hey, I wanted to give a personal shout out to say thanks for your time and example. this not only solved my problem but gave me enough knowledge to understand how to add an extension to a theme

[stanislaw.grin]

Nice to hear! Glad I could help you. You’re welcome!