github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 13:03:45 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: adds arrow navigation support to mini-tag-chooser (#8857)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2020-02-04 23:54:59 +01:00 committed by GitHub
parent 9252bbbd7d
commit 7fd5a8db72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/javascripts/select-kit/components/mini-tag-chooser.js.es6
View File

@ -165,8 +165,30 @@ export default ComboBox.extend(TagsMixin, {
},
_onKeydown(event) {
const value = makeArray(this.value);
if (event.keyCode === 8) {
this._onBackspace(this.value, this.highlightedTag);
} else if (event.keyCode === 37) {
if (this.highlightedTag) {
const index = value.indexOf(this.highlightedTag);
const highlightedTag = value[index - 1]
? value[index - 1]
: value.lastObject;
this.set("highlightedTag", highlightedTag);
} else {
this.set("highlightedTag", value.lastObject);
}
} else if (event.keyCode === 39) {
if (this.highlightedTag) {
const index = value.indexOf(this.highlightedTag);
const highlightedTag = value[index + 1]
? value[index + 1]
: value.firstObject;
this.set("highlightedTag", highlightedTag);
} else {
this.set("highlightedTag", value.firstObject);
}
} else {
this.set("highlightedTag", null);
}