From 28cf401f2f5dc5caea94799fb3997b1173cf16c8 Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Mon, 4 Sep 2023 22:32:08 +0200
Subject: [PATCH] fix popup closing whe marker leaves scrren, which causes
 trouble on mobile

---
 src/Components/Map/UtopiaMap.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Map/UtopiaMap.tsx b/src/Components/Map/UtopiaMap.tsx
index 83c8f7c4..eba524cd 100644
--- a/src/Components/Map/UtopiaMap.tsx
+++ b/src/Components/Map/UtopiaMap.tsx
@@ -65,7 +65,7 @@ function UtopiaMap({
                                 <TileLayer
                                     attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                                     url="https://tile.osmand.net/hd/{z}/{x}/{y}.png" />
-                                <MarkerClusterGroup showCoverageOnHover chunkedLoading maxClusterRadius={50}>
+                                <MarkerClusterGroup showCoverageOnHover chunkedLoading maxClusterRadius={50} removeOutsideVisibleBounds={false}>
                                     {
                                         React.Children.toArray(children).map((child) =>
                                             React.isValidElement<{ setItemFormPopup: React.Dispatch<React.SetStateAction<ItemFormPopupProps>>, itemFormPopup: ItemFormPopupProps | null }>(child) ?
@@ -77,7 +77,7 @@ function UtopiaMap({
                             </MapContainer>
                             <AddButton setSelectNewItemPosition={setSelectNewItemPosition}></AddButton>
                             {selectNewItemPosition != null &&
-                                <div className="tw-button tw-z-500 tw-absolute tw-right-5 tw-top-4 tw-drop-shadow-md">
+                                <div className="tw-button tw-z-1000 tw-absolute tw-right-5 tw-top-4 tw-drop-shadow-md">
                                     <div className="tw-alert tw-bg-base-100 tw-text-base-content">
                                         <div>
                                             <span>Select {selectNewItemPosition.name} position!</span>