Skip to main content
Question

Setting space between select and options list, Select without label

  • December 28, 2023
  • 2 replies
  • 223 views
Marlon

Hi Community, I am creating a Select component with its respective states, similar to how you would create an input component.

I am using the “Focus” state to display the option lists, this through a “Slot” to insert the option lists that I have previously created.

When I insert an instance of a list of options in the “Slot” the distance between the input and the list is maintained according to the characteristics of the component, but with the “Show Label: Off” property the distance is not respected.

How can I keep that distance with the “show label: Off” property?

Thanks to anyone who can help me.

Component Select (1)

Component sample (1)

This topic has been closed for comments

2 replies

Haroll
  • Haroll
  • Active Member
  • 273 replies
  • December 29, 2023

Hi @Marlon

Can you share the structure of your component with us?

From what I see, check that the constraints of the list option are properly defined : (your want it to be set to left and right and to bottom

image

If you used auto-layout on your component also check that the component height is set to hug.

image

Hope it helped

Marlon
  • Marlon
  • Author
  • 4 replies
  • December 29, 2023

Thanks for answering

I am reviewing the constraints of the component and they are different from what you suggest.

1 (2)

But the moment I change the Top to Bottom, the element goes up and covers the select.

2 (1)

I share the file so that it can be reviewed in better detail
Select.fig (116.7 KB)

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings