Fix AutocompleteInput input's value not updating correctly

[WiXSL]

Fixes #8227

[slax57]

Besides, it would be nice if you could add some tests to cover this case in the future 🙂

[slax57]

I'm afraid the fix is still incomplete.

There are still cases where you cannot use backspace, for example in the AutocompleteInput/Basic story:

I think the problem actually comes from this function:

    const handleInputChange = (
        event: any,
        newInputValue: string,
        reason: string
    ) => {
        if (!doesQueryMatchSelection(newInputValue, event?.type)) {
            setFilterValue(newInputValue);
            debouncedSetFilter(newInputValue);
        }
    };

The if makes it so that the input is not updated if the new value is a valid option.
I don't know why this if was added. I tried removing it and everything seems to work just fine without it.

Besides, the unit test should allow to clear the first character is actually wrong.
Actually it should break from what I see in the storybook.
I believe it's because after focus, userEvent.type(input, 'f'); is actually replacing the whole text content instead of appending to it.
We should fix this test, too.

In the end, I'm not sure we need to change the doesQueryMatchSelection callback. Removing the if in handleInputChange seems to be enough.

[WiXSL]

I'm afraid the fix is still incomplete.

There are still cases where you cannot use backspace, for example in the AutocompleteInput/Basic story:
...

Great! thanks for your review! 👍
I was using the Basic story as well, but testing with the empty choice being selected before typing.
I will follow your findings to finish it