X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/e711290d8b1ce06b38e0560248806e8de2077870..refs/pull/5627/head:/resources/js/components/auto-suggest.js diff --git a/resources/js/components/auto-suggest.js b/resources/js/components/auto-suggest.js index b2435961c..0b828e71b 100644 --- a/resources/js/components/auto-suggest.js +++ b/resources/js/components/auto-suggest.js @@ -1,7 +1,7 @@ -import {escapeHtml} from '../services/util'; -import {onChildEvent} from '../services/dom'; +import {escapeHtml} from '../services/util.ts'; +import {onChildEvent} from '../services/dom.ts'; import {Component} from './component'; -import {KeyboardNavigationHandler} from '../services/keyboard-navigation'; +import {KeyboardNavigationHandler} from '../services/keyboard-navigation.ts'; const ajaxCache = {}; @@ -25,13 +25,16 @@ export class AutoSuggest extends Component { setupListeners() { const navHandler = new KeyboardNavigationHandler( this.list, - event => { + () => { this.input.focus(); setTimeout(() => this.hideSuggestions(), 1); }, event => { event.preventDefault(); - this.selectSuggestion(event.target.textContent); + const selectionValue = event.target.textContent; + if (selectionValue) { + this.selectSuggestion(selectionValue); + } }, ); navHandler.shareHandlingToEl(this.input); @@ -104,7 +107,8 @@ export class AutoSuggest extends Component { */ displaySuggestions(suggestions) { if (suggestions.length === 0) { - return this.hideSuggestions(); + this.hideSuggestions(); + return; } // This used to use