mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-02-23 14:44:53 +01:00
Code Issues Releases Wiki Activity

LibraryAutoSuggest: fix click on suggesiton list. fixes #322

Browse Source
This commit is contained in:
Kushagra Gour 2018-09-29 09:53:44 +05:30
parent 955d0e8b5a
commit c6029293f2
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/LibraryAutoSuggest.jsx
View File

@ -19,13 +19,11 @@ export class LibraryAutoSuggest extends Component {
this.t.addEventListener('input', e => this.onInput(e)); this.t.addEventListener('input', e => this.onInput(e));
this.t.addEventListener('keydown', e => this.onKeyDown(e)); this.t.addEventListener('keydown', e => this.onKeyDown(e));
this.t.addEventListener('blur', e => this.closeSuggestions(e)); this.t.addEventListener('blur', e => this.closeSuggestions(e));
this.list.addEventListener('mousedown', e => this.onListMouseDown(e));
} }
componentWillUnmount() { componentWillUnmount() {
this.t.removeEventListener('input', e => this.onInput(e)); this.t.removeEventListener('input', e => this.onInput(e));
this.t.removeEventListener('keydown', e => this.onKeyDown(e)); this.t.removeEventListener('keydown', e => this.onKeyDown(e));
this.t.removeEventListener('blur', e => this.closeSuggestions(e)); this.t.removeEventListener('blur', e => this.closeSuggestions(e));
this.list.removeEventListener('mousedown', e => this.onListMouseDown(e));
} }
get currentLineNumber() { get currentLineNumber() {
@ -35,6 +33,7 @@ export class LibraryAutoSuggest extends Component {
var line = this.currentLineNumber; var line = this.currentLineNumber;
return this.t.value.split('\n')[line - 1]; return this.t.value.split('\n')[line - 1];
} }
listMouseDownHandler() {}
closeSuggestions() { closeSuggestions() {
this.list.classList.remove('is-open'); this.list.classList.remove('is-open');
this.isShowingSuggestions = false; this.isShowingSuggestions = false;
@ -123,7 +122,7 @@ export class LibraryAutoSuggest extends Component {
this.closeSuggestions(); this.closeSuggestions();
} }
} }
onListMouseDown(event) { listMouseDownHandler(event) {
var target = event.target; var target = event.target;
if (target.parentElement.dataset.url) { if (target.parentElement.dataset.url) {
this.selectSuggestion(target.parentElement.dataset.url); this.selectSuggestion(target.parentElement.dataset.url);
@ -152,6 +151,7 @@ export class LibraryAutoSuggest extends Component {
<ul <ul
ref={el => (this.list = el)} ref={el => (this.list = el)}
class="dropdown__menu autocomplete-dropdown" class="dropdown__menu autocomplete-dropdown"
onMouseDown={this.listMouseDownHandler.bind(this)}
/> />
<div <div
ref={el => (this.loader = el)} ref={el => (this.loader = el)}