github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-03-30 11:37:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix buggy autocomplete keyboard navigation when mouse is over popup

Browse Source
This commit is contained in:
Toby Zerner 2015-05-18 12:22:53 +09:30
parent 8c41195223
commit 547631ac93
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
extensions/mentions/js/src/components/autocomplete-dropdown.js
View File

@ -6,6 +6,7 @@ export default class AutocompleteDropdown extends Component {
this.active = m.prop(false);
this.index = m.prop(0);
this.keyWasJustPressed = false;
}
view() {
@ -29,13 +30,11 @@ export default class AutocompleteDropdown extends Component {
if (!this.active()) return;
switch (e.which) {
case 40: // Down
this.setIndex(this.index() + 1, true);
e.preventDefault();
break;
case 38: // Up
this.setIndex(this.index() - 1, true);
case 40: case 38: // Down/Up
this.keyWasJustPressed = true;
this.setIndex(this.index() + (e.which === 40 ? 1 : -1), true);
clearTimeout(this.keyWasJustPressedTimeout);
this.keyWasJustPressedTimeout = setTimeout(() => this.keyWasJustPressed = false, 500);
e.preventDefault();
break;
@ -53,6 +52,8 @@ export default class AutocompleteDropdown extends Component {
}
setIndex(index, scrollToItem) {
if (this.keyWasJustPressed && !scrollToItem) return;
var $dropdown = this.$();
var $items = $dropdown.find('li');