fix(search bar): show search bar dynamic results on all pages

- removes styling from the listBox element - changes styling on its parent, the chantsDiv element
DDMAL · Jun 14, 2024 · 5cee181 · 5cee181
1 parent e50b82f
commit 5cee181
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/django/cantusdb_project/main_app/templates/global_search_bar.html b/django/cantusdb_project/main_app/templates/global_search_bar.html
@@ -11,4 +11,4 @@
     </div>
 </form>
 <!--The chants returned by the ajax call go here-->
-<div id="chantsDiv" style="position:relative"></div>
+<div id="chantsDiv" style="position:absolute; z-index:1"></div>
diff --git a/django/cantusdb_project/static/js/search_bar.js b/django/cantusdb_project/static/js/search_bar.js
@@ -31,7 +31,7 @@ function globalSearch() {
         xhttp.onload = function () {
             const data = JSON.parse(this.response);
             // the results are to be displayed in a list-group
-            chantsDiv.innerHTML = `<div class="list-group" id="listBox" style="position:absolute; z-index:1"></div>`;
+            chantsDiv.innerHTML = `<div class="list-group" id="listBox"></div>`;
             const listBox = document.getElementById("listBox");
             // for every chant returned in the JSONResponse
             data.chants.map(chant => {