Final adjustments

origo-map · Nov 2, 2023 · 085779b · 085779b
1 parent d6714c9
commit 085779b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/scss/externs/_awesomplete.base.scss b/scss/externs/_awesomplete.base.scss
@@ -30,6 +30,7 @@
   position: absolute;
   top: 40px;
   z-index: 1;
+  overflow-y: auto;
 }
 
 .awesomplete.black > ul {
@@ -47,7 +48,6 @@
   top: auto;
   bottom: 100%;
   z-index: 9999999;
-  max-height: 100%;
   overflow-y: auto;
 }
 

diff --git a/src/controls/legend.js b/src/controls/legend.js
@@ -508,7 +508,6 @@ const Legend = function Legend(options = {}) {
         }
       });
       awesomplete.ul.style.maxHeight = `${calcMaxHeight(getTargetHeight()) / 2}px`;
-      awesomplete.ul.style.overflowY = 'auto';
       input.parentNode.classList.add('black');
       input.parentNode.classList.add('grow');
       input.addEventListener('keyup', (e) => {

diff --git a/src/controls/search.js b/src/controls/search.js
@@ -312,6 +312,8 @@ const Search = function Search(options = {}) {
 
   function initAutocomplete() {
     const input = document.getElementsByClassName('o-search-field')[0];
+    const mapEl = viewer.getMap().getTargetElement();
+    const listHeight = mapEl.offsetHeight / 2;
 
     awesomplete = new Awesomplete('.o-search-field', {
       minChars: minLength,
@@ -324,10 +326,8 @@ const Search = function Search(options = {}) {
         return suggestionValue.toLowerCase().includes(userInput.toLowerCase()) ? suggestionValue : false;
       }
     });
-    const mapEl = viewer.getMap().getTargetElement();
-    const listHeight = mapEl.offsetHeight / 2;
     awesomplete.ul.style.maxHeight = `${listHeight}px`;
-    awesomplete.ul.style.overflowY = 'auto';
+
     const handler = function func(list) {
       awesomplete.list = list;
       awesomplete.evaluate();