Select dropdown height and scrolling

Ask us anything
1

msedge_bM23W32Djx

How to auto dropdown height and enable scrolling for the options list and enable scrolling whole page?

like this:
H7Ko7b3FyT

2

Set up a max-height in the “Dropdown” section inside “Specific” in the style section of your component and it will let you scroll through it.

3

Screenrecording_20250721_165053-ezgif.com-video-to-gif-converter

ok thanks, this is the issue i encountered after set max-height:

  1. i cannot scroll select options when keyboard open
  2. i cannot scroll page when select option open
4

For the first part i don’t know i am not a mobile expert but i think you can’t do much about that.

For the 2nd part you can allow this in the settings:

“Allow scrolling when open”

image
image367Ă—695 30.2 KB

5

It doesn’t look like it but if you are in a modal you can never scroll the background while a select is open using the new selects, you can with the old ones tho. If it isn’t a modal @antoine_caron solution should work

6

So far the best option I’ve found is to select the Select and ask the AI to input a scroll bar and allow mouse wheel scrolling. Then it doesn’t matter the size of your option window and you don’t need to allow scroll while dropdown is open (which just lets you scroll the whole page, doesn’t actually solve the new Select’s default lack of scrolling within the dropdown window).