Add `.focus` `.blur` method for every form control components

Make sure that every form control component has.focus method, see: https://facebook.github.io/draft-js/docs/advanced-topics-managing-focus.html

• auto-complete
• cascader
• checkbox
• date-picker
• input https://github.com/ant-design/ant-design/commit/d94f0ab09a5dd66a1dbb7b4504b14a9a58fa2a55#diff-26cb6da96d10397e18e7dbd6c5d8f7a1R141
• input-number https://github.com/ant-design/ant-design/pull/7615
• mention
• radio
• rate
• select
• slider
• switch
• time-picker https://github.com/ant-design/ant-design/commit/760a5ffc90ddd7718d2ada1b2cd19cba839dc40a
• tree-select <del>* [ ] upload</del>

[nnmrts]

@ChuckJonas That’s exactly the problem. Most of you probably want to really focus and open the rc-select component beneath the antd select component. Try this:

antdSelectRef.rcSelect.setOpenState(true, true);

You can also directly use setState on it to have full control over it. Doing it this way won’t close the select on blur:

antdSelectRef.rcSelect.setState({
    open: true
});

---

This is still an ugly workaround though.

EDIT: I know that you can do the same also with plain javascript and document.getElementById, but why use React when you directly manipulate the dom anyway? This is just another way of accomplishing the focus, but in a more react-compatible manner. Doing it with document.getElementById probably has complex consequences which are just not worth it.

[mths0x5f]

calling .focus() on a Select ref still does not work.