Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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) { _onKeydown(event) {
const value = makeArray(this.value);
if (event.keyCode === 8) { if (event.keyCode === 8) {
this._onBackspace(this.value, this.highlightedTag); 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 { } else {
this.set("highlightedTag", null); this.set("highlightedTag", null);
} }