Added additional testing for editor switching permissions

[bookstack] / resources / js / components / auto-suggest.js

diff --git a/resources/js/components/auto-suggest.js b/resources/js/components/auto-suggest.js
index 7fce09890e735021996977ae6c9ae6bc899193b1..d1c15c00a7e604742d566cdd80b280fd11f82135 100644 (file)
--- a/resources/js/components/auto-suggest.js
+++ b/resources/js/components/auto-suggest.js
@@ -16,6 +16,7 @@ class AutoSuggest {
         this.input = this.$refs.input;
         this.list = this.$refs.list;
 
         this.input = this.$refs.input;
         this.list = this.$refs.list;
 

+        this.lastPopulated = 0;

         this.setupListeners();
     }
 
         this.setupListeners();
     }
 


@@ -44,7 +45,10 @@ class AutoSuggest {
 
     selectSuggestion(value) {
         this.input.value = value;
 
     selectSuggestion(value) {
         this.input.value = value;

+        this.lastPopulated = Date.now();

         this.input.focus();
         this.input.focus();

+        this.input.dispatchEvent(new Event('input', {bubbles: true}));
+        this.input.dispatchEvent(new Event('change', {bubbles: true}));

         this.hideSuggestions();
     }
 
         this.hideSuggestions();
     }
 


@@ -79,8 +83,12 @@ class AutoSuggest {
     }
 
     async requestSuggestions() {
     }
 
     async requestSuggestions() {

+        if (Date.now() - this.lastPopulated < 50) {
+            return;
+        }
+

         const nameFilter = this.getNameFilterIfNeeded();
         const nameFilter = this.getNameFilterIfNeeded();

-        const search = this.input.value.slice(0, 3);
+        const search = this.input.value.slice(0, 3).toLowerCase();

         const suggestions = await this.loadSuggestions(search, nameFilter);
         let toShow = suggestions.slice(0, 6);
         if (search.length > 0) {
         const suggestions = await this.loadSuggestions(search, nameFilter);
         let toShow = suggestions.slice(0, 6);
         if (search.length > 0) {


@@ -123,7 +131,7 @@ class AutoSuggest {
             return this.hideSuggestions();
         }
 
             return this.hideSuggestions();
         }
 

-        this.list.innerHTML = suggestions.map(value => `<li><button type="button">${escapeHtml(value)}</button></li>`).join('');
+        this.list.innerHTML = suggestions.map(value => `<li><button type="button" class="text-item">${escapeHtml(value)}</button></li>`).join('');

         this.list.style.display = 'block';
         for (const button of this.list.querySelectorAll('button')) {
             button.addEventListener('blur', this.hideSuggestionsIfFocusedLost.bind(this));
         this.list.style.display = 'block';
         for (const button of this.list.querySelectorAll('button')) {
             button.addEventListener('blur', this.hideSuggestionsIfFocusedLost.bind(this));