From 643ee351bc6c8649bd725314148c484d8c6a76cd Mon Sep 17 00:00:00 2001
From: Florian Sommariva <1926041+dtrucs@users.noreply.github.com>
Date: Wed, 27 Nov 2024 10:22:16 +0100
Subject: [PATCH] Fix search page reload when scrolling on android devices

---
 frontend/src/components/pages/search/Search.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/pages/search/Search.tsx b/frontend/src/components/pages/search/Search.tsx
index 8fd64603b..a59471d68 100644
--- a/frontend/src/components/pages/search/Search.tsx
+++ b/frontend/src/components/pages/search/Search.tsx
@@ -269,14 +269,14 @@ export const SearchUI: React.FC<Props> = ({ language }) => {
             id="search_resultMap"
             className={cn(
               'fixed inset-0 z-map left-full w-full transition-transform',
-              'desktop:flex desktop:z-content desktop:bottom-0 desktop:fixed desktop:left-auto desktop:right-0 desktop:w-1/2 desktop:top-headerAndFilterBar',
+              'desktop:z-content desktop:left-auto desktop:w-1/2 desktop:top-headerAndFilterBar',
               mobileMapState === 'DISPLAYED'
-                ? '-translate-x-full desktop:translate-x-0'
-                : 'translate-x-0',
+                ? '-translate-x-full desktop:translate-x-0 h-auto'
+                : 'translate-x-0 h-screen desktop:h-auto',
             )}
           >
-            {isMapLoading && <div className="absolute bg-primary2 opacity-40 inset-0 z-map" />}
-            <Loader loaded={!isMapLoading} className="absolute inset-0 z-map" />
+            <Loader loaded={!isMapLoading} className="fixed inset-0 z-map" />
+            {isMapLoading && <div className="fixed bg-primary2 opacity-40 inset-0 z-map" />}
             <SearchMapDynamicComponent
               hasZoomControl={!isMobile}
               onMove={handleMoveMap}