Challenge with working with select component from spark

  • fe_rojas-1351624076820484136

    FeRojas

    8 days 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.kayr-1351630315348693205

    Max

    8 days 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
  • fe_rojas-1351637103565607015

    FeRojas

    8 days ago

    Yep, that solve it (sc-select-trigger to 100%), Thanks πŸ™Œ!

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.