AutoComplete: Async loading of options fail first render.

Version

2.8.3

Environment

Any

Reproduction link

http://codepen.io/JesperWe/pen/XMOzqP

(Type ‘res’ slooowly in the input field. Notice first menu item does not appear until second character typed.)

Steps to reproduce

1. Start with dataSource = []
2. When user enters one character search text, do async request for results to server. (Simulated by setTimeout in the codepen)
3. When result arrives, update AutoComplete dataSource.

What is expected?

Menu to pop up with option from first async server result.

What is actually happening?

Menu is not appearing until dataSource has been updated 2 times (after request made on second character returns). After second update each new async result updates the menu as expected.

---

This issue is only present when using async loading and on the first update of dataSource from [] to [...some options...].

[RaoHai]

• https://github.com/react-component/select/pull/177
• https://github.com/ant-design/ant-design/pull/5633

both merged will fix this bug…

[RaoHai]

Thanks @JesperWe.

This bug happened because of this equation:

https://github.com/react-component/select/blob/master/src/Select.jsx#L695

a customised input element, defaultly in antd, an <Antd.Input /> , will always not equals activeElement of document.