ensure to focus to input when TagEditor opened

src/client/js/components/Page/TagEditor.jsx

@@ -24,9 +24,6 @@ class TagEditor extends React.Component {
     this.apiErrorHandler = this.apiErrorHandler.bind(this);
   }
 
-  async componentWillMount() {
-  }
-
   show(tags) {
     const isEditorMode = this.props.crowi.getCrowiForJquery().getCurrentEditorMode();
     this.setState({ isOpenModal: true, isEditorMode, tags });

src/client/js/components/Page/TagsInput.jsx

@@ -29,6 +29,10 @@ export default class TagsInput extends React.Component {
     this.handleSelect = this.handleSelect.bind(this);
   }
 
+  componentDidMount() {
+    this.typeahead.getInstance().focus();
+  }
+
   handleChange(selected) {
     // send tags to TagLabel Component when user add tag to form everytime
     this.setState({ selected }, () => {
@@ -62,7 +66,7 @@ export default class TagsInput extends React.Component {
     return (
       <div className="tag-typeahead">
         <AsyncTypeahead
-          id="async-typeahead"
+          id="tag-typeahead-asynctypeahead"
           ref={(typeahead) => { this.typeahead = typeahead }}
           caseSensitive={false}
           defaultSelected={this.state.defaultPageTags}