[data grid] Autocomplete in filtering (is any of)

[oleksandrfomin5995]

The problem in depth

Datagrid "is any of" filter type does not autocomplete the column values

My columns definition looks as follows:

 const columns = [
    {
      field: 'name',
      headerName: 'Name',
      valueOptions: entities.map(({ id, name }) => ({ id, name })),
      flex: 1,
    },
...
  ];

Not sure if valueOptions does anything for string type column but the autocomplete does not work in either case.
Am I doing something wrong?

Your environment

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: datagrid is any of filter autocomplete
Order ID: 67193

[michelengelen]

@oleksandrfomin5995 what exactly are you trying to achieve? A live example would help a lot to solve your issue.

Is the filtering in this example what you are trying to accomplish? (Filter by country and set is any of) ... notice that there is no real autocomplete in place as well, only a option filtering.

[oleksandrfomin5995]

@oleksandrfomin5995 what exactly are you trying to achieve? A live example would help a lot to solve your issue.

Is the filtering in this example what you are trying to accomplish? (Filter by country and set is any of) ... notice that there is no real autocomplete in place as well, only a option filtering.

Since the "is any of" filter requires the entered value to exactly match the searched column value I was under the impression that it should work as an Autocomplete. This means that as you start typing you expect to have a list of suggestions chosen from all available values within the column.

Currently, it only allows you to "choose" what you've already typed in.

As shown the screenshot below I would expect to have Devin Miller suggested in the dropdown

[michelengelen]

OK, now i get what you want.
AFAIK we currently do not support this out of the box.
There might be a chance if you use custom filter input components though.
@romgrk do you maybe have more info on this or even an idea on how this could be done?
Thanks! 🙇🏼

[michelengelen]

created #11786 to handle the wrong input variant