All topics

Select/Dropdown component height from SparkOne

FeRojas

27 days ago

Maybe there is a simple way to this but... Anyone knows how to make the height of the options fix to a specific height and use a dropdown to navigate options? I have a select connected to database that display sometimes more than 20 options.
✅1
Max

27 days ago

I am not 100% sure what you want to achieve... Do you want to have a scrollable area in a select?
FeRojas

27 days ago

Yes 👍 . When a select menu has a lot of choices, we need to show a set number, like "X" options, and let users scroll within the content area to see more. Otherwise, the select area becomes too big for the screen, and users have to scroll the whole page to find what they want. (Or Im missing something?)
FeRojas

27 days ago

PS More than "X" number options, a select content area height.
FeRojas

27 days ago

*Correction: When there are too many options, user cannot scroll the page also because the dropdown is active. So is not possible to choose an option that is not shown on page (at least for me behave like that)
Max

27 days ago

The select has a sc-select-scroll-area part. When you use that, you can scroll within the select content 😊
FeRojas

26 days ago

Ah! I think I need to study a little more how spark kit works. In the meantime, one question: The sc-select-scroll-area is part the of spark core, I was using spark one template. Can I add the sc-select-scroll-area to so-select-content, or need to build the select component using just spark core components?
FeRojas

26 days ago

It seem I just needed to wrap the so-select-item with the sc-select-scroll area. Now it works. Thanks @Max !
💪1
Tod

26 days ago

Great energy @FeRojas! Your continuous contribution to the toddle Community just made you advance to Community Level 5!

Select/Dropdown component height from SparkOne

FeRojas

Max

FeRojas

FeRojas

FeRojas

Max

FeRojas

FeRojas

Tod