Add focus setting when opening the circle column

jesseplusplus · Sep 5, 2020 · 9784f8b · 9784f8b
1 parent a84f680
commit 9784f8b
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/javascript/mastodon/features/circles/components/new_circle_form.js b/app/javascript/mastodon/features/circles/components/new_circle_form.js
@@ -32,6 +32,10 @@ class NewCircleForm extends React.PureComponent {
     onSubmit: PropTypes.func.isRequired,
   };
 
+  componentDidMount() {
+    this.input.focus();
+  }
+
   handleChange = e => {
     this.props.onChange(e.target.value);
   }
@@ -45,6 +49,10 @@ class NewCircleForm extends React.PureComponent {
     this.props.onSubmit();
   }
 
+  setRef = (c) => {
+    this.input = c;
+  }
+
   render () {
     const { value, disabled, intl } = this.props;
 
@@ -62,6 +70,7 @@ class NewCircleForm extends React.PureComponent {
             disabled={disabled}
             onChange={this.handleChange}
             placeholder={label}
+            ref={this.setRef}
           />
         </label>