The problem caused by setOptions([]) in the onSelect method

You clear the expansion after each selection, so you can't select it again next time

The flickering you said when selecting is actually select closing the animation

// bug
const onSelect = () => {
    setOptions([]);
};

demo: https://codesandbox.io/s/templating-in-antd-forked-1qjdet?file=/demo.js:1052-1084

@usersina@xccjk Were you able to resolve this issue? I opened a similar issue to this one #49260 without response.

I've tried using the Mentions component to no avail as that does not allow external control over the open/closed state of the popover.

Do you have any other suggestions or ideas on how one might tackle this problem?

@afc163@xccjk still have this issue +1

This works in my case.

<AutoComplete>
  <InputTextArea
    onKeyDownCapture={(e) => {
      if (e.key === 'ArrowUp' ||
        e.key === 'ArrowDown'
      )
        e.stopPropagation();
    }}
  />
</AutoComplete>

Looks like the AutoComplete is stealing some keys so it can work properly. But it is not compatible with TextArea.