diff options
author | Reed Garmsen <rgarmsen2295@gmail.com> | 2016-01-20 13:16:53 -0800 |
---|---|---|
committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2016-01-21 12:26:01 -0800 |
commit | c408e09a0418c77e1f1f0a91a1c85bf5f20145e7 (patch) | |
tree | 54eebf34f79f5e745d940dfa9179868d0270b59d /web/react/components/delete_post_modal.jsx | |
parent | a2fa683c1b5fc0c62506e3ac40784b053eda6e3e (diff) | |
download | chat-c408e09a0418c77e1f1f0a91a1c85bf5f20145e7.tar.gz chat-c408e09a0418c77e1f1f0a91a1c85bf5f20145e7.tar.bz2 chat-c408e09a0418c77e1f1f0a91a1c85bf5f20145e7.zip |
Fixed issue with enter key not working in delete post modal
Diffstat (limited to 'web/react/components/delete_post_modal.jsx')
-rw-r--r-- | web/react/components/delete_post_modal.jsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/web/react/components/delete_post_modal.jsx b/web/react/components/delete_post_modal.jsx index 827654e1b..4cde5feed 100644 --- a/web/react/components/delete_post_modal.jsx +++ b/web/react/components/delete_post_modal.jsx @@ -23,7 +23,7 @@ export default class DeletePostModal extends React.Component { this.selectedList = null; this.state = { - show: true, + show: false, post: null, commentCount: 0, error: '' @@ -40,6 +40,14 @@ export default class DeletePostModal extends React.Component { ModalStore.removeModalListener(ActionTypes.TOGGLE_DELETE_POST_MODAL, this.handleToggle); } + componentDidUpdate(prevProps, prevState) { + if (this.state.show && !prevState.show) { + setTimeout(() => { + $(ReactDOM.findDOMNode(this.refs.deletePostBtn)).focus(); + }, 0); + } + } + handleDelete() { Client.deletePost( this.state.post.channel_id, @@ -149,10 +157,10 @@ export default class DeletePostModal extends React.Component { {'Cancel'} </button> <button + ref='deletePostBtn' type='button' className='btn btn-danger' onClick={this.handleDelete} - autoFocus='autofocus' > {'Delete'} </button> |