v9.0.5 => Release Notes for details

README.md

@@ -47,13 +47,13 @@ autoComplete.js is a simple pure vanilla Javascript library that's progressively
 `JS`
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].4/dist/js/autoComplete.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].5/dist/js/autoComplete.min.js"></script>
 ```
 
 `CSS`
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].4/dist/css/autoComplete.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].5/dist/css/autoComplete.min.css">
 ```
 #### Package Manager
 

dist/js/autoComplete.js

@@ -202,7 +202,6 @@
       list = createList(config);
     }
     config.inputField.setAttribute("aria-expanded", true);
-    if (config.resultsList.container) config.resultsList.container(list);
     if (matches.length) {
       var _loop = function _loop(index) {
         var item = data.results[index];
@@ -232,6 +231,7 @@
         config.resultsList.noResults(list, data.query);
       }
     }
+    if (config.resultsList.container) config.resultsList.container(list);
     document.addEventListener("click", function (event) {
       return closeList(config, event.target);
     });

docs/demo/index.html

@@ -151,7 +151,7 @@ <h4>mode</h4>
 			</div>
 		</footer>
 	</div>
-	<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].4/dist/js/autoComplete.min.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].5/dist/js/autoComplete.min.js"></script>
 	<script src="./js/index.js"></script>
 </body>
 

docs/index.html

@@ -192,7 +192,7 @@
             mustache: {
                 data: ["../package.json", {
                     minVersion: "9.0",
-                    version: "9.0.4"
+                    version: "9.0.5"
                 }]
             }
         }
@@ -206,7 +206,7 @@
     <script src="//unpkg.com/docsify-copy-code"></script>
     <script src="//cdn.jsdelivr.net/npm/codeblock-iframe@latest/dist/index.min.js"></script>
     <script src="//cdn.jsdelivr.net/npm/docsify-codeblock-iframe@latest/dist/index.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].4/dist/js/autoComplete.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/[email protected].5/dist/js/autoComplete.min.js"></script>
 </body>
 
 </html>

docs/release-notes.md

@@ -34,7 +34,10 @@ For more information on semantic versioning, please visit <http://semver.org/>.
 
 ***
 
-### v9.0.4 ✨
+### v9.0.5 ✨
+  - 🔧 Fixed: `resultsList.container` hierarchy comes after list rendering instead of before
+
+### v9.0.4
   - 🔧 Fixed: `resultsList.container` is removed on second input (Thanks 👍 @folknor) #206
 
 ### v9.0.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarekraafat/autocomplete.js",
-  "version": "9.0.4",
+  "version": "9.0.5",
   "description": "Simple autocomplete pure vanilla Javascript library.",
   "keywords": [
     "simple",

src/controllers/listController.js

@@ -48,8 +48,6 @@ const generateList = (config, data, matches) => {
   }
   // Set list to opened
   config.inputField.setAttribute("aria-expanded", true);
-  // If custom container is set pass the list
-  if (config.resultsList.container) config.resultsList.container(list);
 
   // Check if there are results
   if (matches.length) {
@@ -87,6 +85,9 @@ const generateList = (config, data, matches) => {
       config.resultsList.noResults(list, data.query);
     }
   }
+  // If custom container is set pass the list
+  if (config.resultsList.container) config.resultsList.container(list);
+
   /**
    * @desc
    * Listen for all `click` events in the document