matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-20 16:22:28 +03:00
Code Activity

Allow left/right arrow keys to navigate through the autocompletion list

Browse Source
This commit is contained in:
Pierre Boyer
2019-05-14 08:54:00 +02:00
parent a6995ae10a
commit 6cb59f7071
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/views/rooms/MessageComposerInput.js
View File

@@ -670,6 +670,31 @@ export default class MessageComposerInput extends React.Component {
onKeyDown = (ev: KeyboardEvent, change: Change, editor: Editor) => {
this.suppressAutoComplete = false;
this.direction = '';
// Navigate autocomplete list with arrow keys
if (this.autocomplete.state.completionList.length > 0) {
if (!(ev.ctrlKey || ev.shiftKey || ev.altKey || ev.metaKey)) {
switch (ev.keyCode) {
case KeyCode.LEFT:
this.moveAutocompleteSelection(true);
ev.preventDefault();
return true;
case KeyCode.RIGHT:
this.moveAutocompleteSelection(false);
ev.preventDefault();
return true;
case KeyCode.UP:
this.moveAutocompleteSelection(true);
ev.preventDefault();
return true;
case KeyCode.DOWN:
this.moveAutocompleteSelection(false);
ev.preventDefault();
return true;
}
}
}
// skip void nodes - see
// https://github.com/ianstormtaylor/slate/issues/762#issuecomment-304855095