[Autocomplete] Add a `forceClearIcon` prop to `Autocomplete` like `forcePopupIcon`

[ej-shafran]

Summary

I'm using the wonderful Autocomplete component, however, I'm rendering a list of autocompletes and want the clearIcon to delete the item from the list if pressed when the field is empty. I can't seem to find a way to make the clearIcon appear without a value, and from looking at the source code it seems that this does not exist as a concept. I would love to see this prop, since right now I have to manually reconstruct the endAdornment passed by renderInput...

Examples

No response

Motivation

No response

Search keywords: clearIcon,forcePopupIcon,Autocomplete

[aarongarciah]

Hi @ej-shafran, please provide a code playground (CodeSandbox or Stackblitz) or a repo so we can be on the same page.

[ej-shafran]

Hi @aarongarciah, thanks for the quick response

Here is a simple reproduction of what I'm trying to acheive: https://github.com/ej-shafran/autocomplete-clear-icon-repro

I would like for the clear icon to always appear, so that I can remove empty "participants" from the list.

Thanks again!

[aarongarciah]

@ej-shafran what you're trying yo achieve is not what the clear icon is intended for, so it's natural that you find some friction to achieve it. From a UX perspective, I find it confusing that clicking a clear icon in a field deletes the field itself, since I think it's universally accepted that an input clear icon clears the contents of the input.

I'm closing this, but feel free to continue the conversation if you think we're missing some valid use case to force the visibility of the clear icon when the field is empty.