Mon, Apr 28, 1:34 PM

Updates (7 Days)

Challenge with working with select component from spark

FeRojas

1 month ago

Hey everyone!

I'm struggling with the Spark One Kit's select component. I'm trying to make it expand to the full width of its parent container, but for some reason, it's not working as expected.

What I'm trying to do:

Make a Spark select component expand to 100% width of its parent container
What I've tried:

Setting width to 100% to inside components and different configurations.
Applying flex-grow properties
Adjusting the parent container's settings
Surely Im missing something hete. Has anyone else run into this issue? Any suggestions on how to make it properly expand to fill the available space?

Thanks in advance for your help! 🙏
Max

1 month ago

Hi! You need to set the width of the sc-select-trigger to 100% as well. This component renders a div that will limit the size. I created a quick example: https://toddle.dev/projects/controlled_select/branches/start/components/full-width-select?mode=design&leftpanel=design&rightpanel=attributes&canvas-width=1089&canvas-height=800
👍2
FeRojas

1 month ago

Yep, that solve it (sc-select-trigger to 100%), Thanks 🙌!

Leave a comment

© Nordcraft 2025. All rights reserved.