search

cschroeter / park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
https://park-ui.com
MIT License
1.74k stars 75 forks source link

Select Content sizing / scrollbar #434

Open idapartners opened 2 months ago

idapartners commented 2 months ago

I didn't see an option to select "feature request" vs. "bug", but I guess this is mostly the former.

It would be nice to be able to configure a height for the Select.Content component, and have a scrollbar appear if it exceeds that height. It would also be nice if this somehow had sensible defaults, because right now, if the Select is inside of a Dialog and extends below the bottom of the screen, the scroll behavior for the dialog is ... weird (it's maybe not actually weird, but it feels weird that the whole dialog is scrolling instead of the contents of the select).

FranciscoKloganB commented 1 month ago

Hey @idapartners if you download and manually apply the recipe you can set overflow: 'auto' and maxHeight: 'md'. If you do not want to add the recipe to the project you can probably override these styles directly on a custom component.

Will make it look like this:

image