radix-ui / themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

Home Page:https://radix-ui.com/themes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Select] Max height of select dropdown

pnilssson opened this issue · comments

Hi!

First of all, thanks for the amazing library.

I can't manage to set the max height of the select dropdown, is this possible? I cannot make the select input span the entire width either.

All good!

I can't manage to set the max height of the select dropdown, is this possible?

Yep it is, use position="popper" and override max height via an inline style on Select.Content part

<Select.Content position="popper" style={{ maxHeight: 100 }}>

I cannot make the select input span the entire width either.

Either set style={{ width: '100%' }} on the Select.Trigger part, or wrap it in a <Flex direction="column"> element