me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix missing media description dialog when sending toots with keyboard shortcuts

Browse source
This commit is contained in:
Thibaut Girka 2020-03-14 12:40:07 +01:00 committed by ThibG
parent 03309b0dc5
commit e16832bc9c
1 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/flavours/glitch/features/compose/components/compose_form.js
View file

@ -81,18 +81,6 @@ class ComposeForm extends ImmutablePureComponent {
this.props.onChange(e.target.value);
}
handleKeyDown = ({ ctrlKey, keyCode, metaKey, altKey }) => {
// We submit the status on control/meta + enter.
if (keyCode === 13 && (ctrlKey || metaKey)) {
this.handleSubmit();
}
// Submit the status with secondary visibility on alt + enter.
if (keyCode === 13 && altKey) {
this.handleSecondarySubmit();
}
}
handleSubmit = (overriddenVisibility = null) => {
const { textarea: { value }, uploadForm } = this;
const {
@ -171,10 +159,20 @@ class ComposeForm extends ImmutablePureComponent {
}
// When the escape key is released, we focus the UI.
handleKeyUp = ({ key }) => {
handleKeyUp = ({ key, ctrlKey, keyCode, metaKey, altKey }) => {
if (key === 'Escape') {
document.querySelector('.ui').parentElement.focus();
}
// We submit the status on control/meta + enter.
if (keyCode === 13 && (ctrlKey || metaKey)) {
this.handleSubmit();
}
// Submit the status with secondary visibility on alt + enter.
if (keyCode === 13 && altKey) {
this.handleSecondarySubmit();
}
}
// Sets a reference to the textarea.
@ -307,7 +305,6 @@ class ComposeForm extends ImmutablePureComponent {
placeholder={intl.formatMessage(messages.spoiler_placeholder)}
value={spoilerText}
onChange={this.handleChangeSpoiler}
onKeyDown={this.handleKeyDown}
onKeyUp={this.handleKeyUp}
disabled={!spoiler}
ref={this.handleRefSpoilerText}
@ -328,9 +325,9 @@ class ComposeForm extends ImmutablePureComponent {
disabled={isSubmitting}
value={this.props.text}
onChange={this.handleChange}
onKeyUp={this.handleKeyUp}
suggestions={this.props.suggestions}
onFocus={this.handleFocus}
onKeyDown={this.handleKeyDown}
onSuggestionsFetchRequested={onFetchSuggestions}
onSuggestionsClearRequested={onClearSuggestions}
onSuggestionSelected={this.onSuggestionSelected}