Updated js dev docs with latest component changes

[bookstack] / resources / js / components / dropdown-search.js

diff --git a/resources/js/components/dropdown-search.js b/resources/js/components/dropdown-search.js
index e2d55f9694ded7b9d938050f563fad4791a93cb4..30a2aadc1467ddd97a1a3ccb30efea591383f07b 100644 (file)
--- a/resources/js/components/dropdown-search.js
+++ b/resources/js/components/dropdown-search.js
@@ -1,6 +1,8 @@
 import {debounce} from "../services/util";
+import {transitionHeight} from "../services/animations";
+import {Component} from "./component";
 
-class DropdownSearch {
+export class DropdownSearch extends Component {
 
     setup() {
         this.elem = this.$el;
@@ -51,7 +53,9 @@ class DropdownSearch {
 
         try {
             const resp = await window.$http.get(this.getAjaxUrl(searchTerm));
+            const animate = transitionHeight(this.listContainerElem, 80);
             this.listContainerElem.innerHTML = resp.data;
+            animate();
         } catch (err) {
             console.error(err);
         }
@@ -75,6 +79,4 @@ class DropdownSearch {
         this.loadingElem.style.display = show ? 'block' : 'none';
     }
 
-}
-
-export default DropdownSearch;
\ No newline at end of file
+}
\ No newline at end of file