Fix wrong position of city dropdown menu on iPhone

smintank · May 20, 2024 · b8f77cd · b8f77cd
1 parent 6dc3733
commit b8f77cd
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/backend/static/js/main-WCi7f0ZE.js b/backend/static/js/main-WCi7f0ZE.js
@@ -233,9 +233,13 @@ const useCitySuggestions = () => {
 
   function updateDropdownPosition() {
     const rect = cityField.getBoundingClientRect();
+    const scrollTop = window.scrollY || document.documentElement.scrollTop;
+    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
+
     if (dropdown) {
-      dropdown.style.top = `${rect.bottom}px`;
-      dropdown.style.left = `${rect.left}px`;
+      dropdown.style.position = 'absolute';
+      dropdown.style.top = `${rect.bottom + scrollTop}px`;
+      dropdown.style.left = `${rect.left + scrollLeft}px`;
       dropdown.style.width = `${rect.width}px`;
     }
   }
@@ -245,7 +249,6 @@ const useCitySuggestions = () => {
     return function(...args) {
       const later = () => {
         clearTimeout(timeout);
-        updateDropdownPosition();
         func(...args);
       };
       clearTimeout(timeout);