Editor: Always focus title field on new draft

[timmyc]

Fixes #1622

When you first open the editor via the pencil or add in a site sidebar, the title field is focused and ready to receive a witty post title. Once within the editor though, any action that results in another new post - the title field is not auto focused. This branch aims to focus the title field on all new drafts - regardless of how one arrives at that new draft ( only on non-mobile viewports ).

To Test

• Open up the editor via the pencil in the masterbar
• Note the title field will be focused on a desktop viewport sized browser
• Expand your draft drawer, load in a draft post - or load an existing published post
• Note the title field does not focus
• Now click the pencil again, select a site if applicable
• Once the new post loads, note that the title field is again focused

[aduth]

I have a feeling this will become an ongoing battle ( 😄 ), but per our naming conventions, this should be ReactDom (reference).

[timmyc]

I may or may not have done this on purpose - well it is what the deprecation notice told me to use in the console 😆

[timmyc]

@aduth added focus() to <FormTextInput/> in cc8981c - also took the opportunity to cleanup the component a bit, and used ReactDom.

[aduth]

Part of the benefit of moving focus to <FormTextInput /> is that now you have access to the "raw" DOM element, so you no longer need findDOMNode. Here, this.refs.textField is the a reference to the DOM node itself, so this can simply be this.refs.textField.focus() and you can drop the react-dom dependency.

[timmyc]

Thanks @aduth - updated.

[aduth]

I think you could have left ref out, since I don't think ref is passed as a prop even when assigned in a parent component, and because you override it after applying the spread properties to the <input > element. In fact, this whole omit statement could be left out altogether -

<input { ...this.props } ref="textField" type={ type } className={ classes } />

It's a small detail, so not to hold up merge.

[aduth]

Minor details be minor details. This works well in my testing 👍

[lancewillett]

Needs refresh.

[kellychoffman]

👍 Nice. Looks good.