imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: allow up/down normally for no completions

Browse source 
Autocomplete current eats up up/down key events by unconditionally returning
true for onUpArrow and onDownArrow. Instead, only do that if there are completions actually visible.
This commit is contained in:
Aviral Dasgupta 2016-08-03 18:04:52 +05:30
parent f431e62e6b
commit a2d64f5119
2 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/views/rooms/Autocomplete.js
View file

@ -64,6 +64,9 @@ export default class Autocomplete extends React.Component {
onUpArrow(): boolean { onUpArrow(): boolean {
let completionCount = this.countCompletions(), let completionCount = this.countCompletions(),
selectionOffset = (completionCount + this.state.selectionOffset - 1) % completionCount; selectionOffset = (completionCount + this.state.selectionOffset - 1) % completionCount;
if (!completionCount) {
return false;
}
this.setSelection(selectionOffset); this.setSelection(selectionOffset);
return true; return true;
} }
@ -72,6 +75,9 @@ export default class Autocomplete extends React.Component {
onDownArrow(): boolean { onDownArrow(): boolean {
let completionCount = this.countCompletions(), let completionCount = this.countCompletions(),
selectionOffset = (this.state.selectionOffset + 1) % completionCount; selectionOffset = (this.state.selectionOffset + 1) % completionCount;
if (!completionCount) {
return false;
}
this.setSelection(selectionOffset); this.setSelection(selectionOffset);
return true; return true;
} }

8
src/components/views/rooms/MessageComposerInput.js
View file

@ -503,20 +503,16 @@ export default class MessageComposerInput extends React.Component {
} }
onUpArrow(e) { onUpArrow(e) {
if(this.props.onUpArrow) { if (this.props.onUpArrow && this.props.onUpArrow()) {
if(this.props.onUpArrow()) {
e.preventDefault(); e.preventDefault();
} }
} }
}
onDownArrow(e) { onDownArrow(e) {
if(this.props.onDownArrow) { if (this.props.onDownArrow && this.props.onDownArrow()) {
if(this.props.onDownArrow()) {
e.preventDefault(); e.preventDefault();
} }
} }
}
onTab(e) { onTab(e) {
if (this.props.onTab) { if (this.props.onTab) {