Skip to main content
Question

Setting space between select and options list, Select without label

  • December 28, 2023
  • 2 replies
  • 219 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.


2 replies

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

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

Hope it helped


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.

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

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


Reply


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