How do I merge functionalities of Autocomplete + Dropdown

Tags: #<Tag:0x00007efc60633680>
#1

I have a requirement, wherein I have a dropdown and autocomplete.

  1. If in a cell value we are deleting some characters, we are getting the filtered response/suggestions for both based on the remaining characters and on clicking tab or anywhere else it selects the highlighted value. – This is fine and expected.

  2. But the question is that when we completely remove the characters, it is selecting the first option from the list on tab or clicking anywhere else-- I need this to be blank for both autocomplete + dropdown.
    I have tried to change ‘strict’ to false. but it breaks the functionality of point 1, as in it only keeps the remaining characters without prompting.

How do I achieve this without breaking point 1, but including point 2 as well?

Just a doodle – https://jsfiddle.net/nmk4392b/

Any suggestions will be much appreciated.

#2

Hi @Angular_Learner

In case of dropdown cell type this is designed behavior and recently we had internal discussion about it and if it should be changed. It implements autocomplete cell type with this configuration, but it can’t be changed:

strict: true, filter: false

We decided to keep it that way and we’re not planning to change it at the moment.

#3