Cannot get DOM-elements of `<Select />`

What you did

I use <Select showSearch />as a auto-complete field

What you would like to happen

I want to get the DOM-element of the search-input to focus it programatically. The used rc-select already provide an API to get the DOM-element.

What actually happened

I’m not able to get the rc-select element from antd’s <Select />.

Online demo

http://codepen.io/sokki/pen/rLNQQa?editors=0011

Environment Information

• antd 1.2.1

Possible Solution

add ref="select" to <RcSelect /> in the render method of antd’s <Select />: https://github.com/ant-design/ant-design/blob/master/components/select/index.jsx#L44

      <RcSelect {...this.props}
        ref="select"
        className={cls}
        optionLabelProp={optionLabelProp || 'children'}
        notFoundContent={notFoundContent} />

[RaoHai]

using ReactDOM.findDOMNode(this.refs.select).click(); can also focus the search input.

[benjycui]

Trace: https://github.com/ant-design/ant-design/issues/3790