Combobox variable option list size

[cogwizzle]

Is there any way to do this with the combobox component? Notice how the option list is much wider than the dropdown. So far I've tried modifying the groupTemplate property and the optionTemplate property. Neither one worked.

[dosubot[bot]]

There isn't a direct prop or API in the Paste Combobox to set the option list (dropdown) width independently from the input. The groupTemplate and optionTemplate properties only affect how options and groups are rendered, not the container's width (source).

To control the option list width, you can use custom CSS targeting the option list container via its data-paste-element attribute (usually COMBOBOX_LISTBOX). For example, you could add a style like:

[data-paste-element="COMBOBOX_LISTBOX"] {
  width: 400px; /* or any value you need */
}

If you're using the CustomizationProvider, you can also pass styles for COMBOBOX_LISTBOX to customize its width (source). This approach lets you set the dropdown width independently of the input field.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[cogwizzle]

This worked. Thank you DOSU bot!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Dropdown component is cut-off in the modal (updated: 10/18/2022, similarity score: 86%)
• Combobox: Option to render html element inside selected item (updated: 11/25/2020, similarity score: 86%)
• Combobox overflow question (updated: 10/23/2023, similarity score: 85%)