Focus the submit button on the boost modal (#3494)

Focus the submit button when boost modal is opened.

diff --git a/app/javascript/mastodon/features/ui/components/boost_modal.js b/app/javascript/mastodon/features/ui/components/boost_modal.js
index 183f05fab1d48380ae3cce5d9caac27486e55b4e..9d99b533612ec212e597e6ff8deb7f6fe7ad7185 100644 (file)
--- a/app/javascript/mastodon/features/ui/components/boost_modal.js
+++ b/app/javascript/mastodon/features/ui/components/boost_modal.js
@@ -27,6 +27,10 @@ class BoostModal extends ImmutablePureComponent {
     intl: PropTypes.object.isRequired,
   };
 
+  componentDidMount() {
+    this.button.focus();
+  }
+
   handleReblog = () => {
     this.props.onReblog(this.props.status);
     this.props.onClose();
@@ -40,6 +44,10 @@ class BoostModal extends ImmutablePureComponent {
     }
   }
 
+  setRef = (c) => {
+    this.button = c;
+  }
+
   render () {
     const { status, intl, onClose } = this.props;
 
@@ -67,7 +75,7 @@ class BoostModal extends ImmutablePureComponent {
 
         <div className='boost-modal__action-bar'>
           <div><FormattedMessage id='boost_modal.combo' defaultMessage='You can press {combo} to skip this next time' values={{ combo: <span>Shift + <i className='fa fa-retweet' /></span> }} /></div>
-          <Button text={intl.formatMessage(messages.reblog)} onClick={this.handleReblog} />
+          <Button text={intl.formatMessage(messages.reblog)} onClick={this.handleReblog} ref={this.setRef} />
         </div>
       </div>
     );