refactored state and municipality search behavior

oklabflensburg · Dec 3, 2024 · 7d1bb50 · 7d1bb50
1 parent f23cf72
commit 7d1bb50
Show file tree

Hide file tree

Showing 2 changed files with 113 additions and 120 deletions.
diff --git a/src/index.html b/src/index.html
@@ -70,15 +70,15 @@ <h3 class="font-bold text-lg lg:text-xl block mb-2">Energiequelle</h3>
         <div class="mb-4">
           <h3 class="font-bold text-lg lg:text-xl block mb-2">Bundesgebiet</h3>
 
-          <button id="dropdownButton" class="w-full bg-white hover:bg-gray-100 text-gray-800 py-2 px-4 rounded-sm shadow focus:outline-none focus:ring-2 focus:ring-blue-500 flex justify-between items-center" onclick="toggleDropdown()">
-            <span id="dropdownSelected">Bundesgebiet auswählen</span>
+          <button id="dropdownStateListButton" class="w-full bg-white hover:bg-gray-100 text-gray-800 py-2 px-4 rounded-sm shadow focus:outline-none focus:ring-2 focus:ring-blue-500 flex justify-between items-center">
+            <span id="dropdownStateListSelected">Bundesgebiet auswählen</span>
             <svg class="w-5 h-5 ml-2 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
             </svg>
           </button>
 
-          <div id="dropdownMenu" class="hidden absolute mt-1 mr-3 w-full bg-white border border-gray-300 rounded-xs shadow-lg z-10 transition transform duration-200 ease-out max-h-72 overflow-scroll">
-            <ul id="stateList" class="py-1 text-gray-700">
+          <div id="dropdownStateListWrapper" class="hidden absolute mt-1 mr-3 w-full bg-white border border-gray-300 rounded-xs shadow-lg z-10 transition transform duration-200 ease-out max-h-72 overflow-scroll">
+            <ul id="dropdownStateList" class="py-1 text-gray-700">
             </ul>
           </div>
         </div>