Add support for submitting media description with ctrl+enter (#12272)

th-downstream
ThibG 5 years ago committed by Eugen Rochko
parent f28877756e
commit 0e5be902e9

@ -184,6 +184,15 @@ class FocalPointModal extends ImmutablePureComponent {
this.setState({ description: e.target.value, dirty: true }); this.setState({ description: e.target.value, dirty: true });
} }
handleKeyDown = (e) => {
if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {
e.preventDefault();
e.stopPropagation();
this.setState({ description: e.target.value, dirty: true });
this.handleSubmit();
}
}
handleSubmit = () => { handleSubmit = () => {
this.props.onSave(this.state.description, this.state.focusX, this.state.focusY); this.props.onSave(this.state.description, this.state.focusX, this.state.focusY);
this.props.onClose(); this.props.onClose();
@ -254,6 +263,7 @@ class FocalPointModal extends ImmutablePureComponent {
className='setting-text light' className='setting-text light'
value={detecting ? '…' : description} value={detecting ? '…' : description}
onChange={this.handleChange} onChange={this.handleChange}
onKeyDown={this.handleKeyDown}
disabled={detecting} disabled={detecting}
autoFocus autoFocus
/> />

Loading…
Cancel
Save