Render items different from selected in Autocomplete tags

[MargaretKrutikova]

It would be nice if Autocomplete could show tags different from selected items. Right now there is renderTags that has selected items and a function to get tag props from the item's index. This is not a very flexible api because it couples items with their indices.

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

In our application we built an autocomplete with multi select and items with a tree structure around material-uis Autocomplete. The requirement is when you select a parent, its children are automatically selected and disabled in the list, but only the parent shows up in selected tags.

I managed to filter out the children from selected items and use them in renderTags, but the fact that I had to preserve their indices felt like a hack.

So this might as well be a question, is there a better way for this? If no, maybe the api could instead expose getTagProps based on some other property than index?

Thanks for the help! 🙂

[oliviertassinari]

@MargaretKrutikova I'm sorry, I'm not sure to fully understand your pain point. Do you have a reproduction we could look at? :)

[oliviertassinari]

@MargaretKrutikova I'm closing for new, feel free to resume the discussion with more details :).