Combobox Figma Component: Resize item list

[kkenna3]

Hi, I was using the latest version of the combobox in Figma and noticed that if you reduce the number of list items ("open" state) and change the Listbox component to "Hug" contents vertically, it resizes to the bottom and not the top.

I've made a branch of the library to test out a fix by constraining the Listbox to the top instead of the bottom. Here's the branch file (not everything has been tested).

Unfortunately for now I'll have to detach the component to get it to work, let me know if there's another fix. Thanks!

[sandsng]

Hi Kara!

Thanks for bringing this to our attention. I've created this JIRA ticket to implement a fix. I will update this thread once a fix has been merged in.

[loreina]

Hi @kkenna3, just wanted to follow up here as I'm looking at your branch. Could you share more context into why you want to have 4 options in the listbox? We generally recommend using Checkbox Group if there's less than 6 options for a user to select from.

[kkenna3]

Hi, in this particular instance the number of items in the dropdown is variable and dependent on what the user's created in another section of Console (there's not a limit to how many they can create). Is there another pattern that should be used for a situation like this?

[loreina]

Hi @kkenna3, thanks for your patience! A fix has been implemented so if the listbox height is set to "hug contents" and there are <6 options, it'll shrink to that height.