[material-ui][Autocomplete] Allow ordering of the groups

[JORDAAAN1495]

Summary

Allow the groups of an autocomplete to be ordered.

Say I have 3 groups of Hello, World, Football, I’d like to be able to control the order the groups get displayed in.

Currently they seem to get displayed in alphabetical order.

I’d like to be able to have a custom order such as

World
Football
Hello

Examples

N/A

Motivation

Allow ordering of groups to provide more valuable information closer to the top of the rendered list

Search keywords: Autocomplete groups ordering

[DiegoAndai]

Hey @JORDAAAN1495, thanks for reaching out.

The options will appear in the order you provide them, so if you want the groups to appear in a certain order, the options must be ordered accordingly. In this example, all 'World' options first, then all 'Football' options, and finally all 'Hello' options. Here's an example: https://stackblitz.com/edit/react-95zaye?file=Demo.tsx

Let me know if this solves your use case.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@JORDAAAN1495 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.