From 325838cd1278f78d5591dc9f10c3047683f0cccb Mon Sep 17 00:00:00 2001
From: "Zimin A.N." <zimin.an@nstart.space>
Date: Wed, 6 May 2026 22:05:22 +0300
Subject: [PATCH] =?UTF-8?q?fix(geo):=20AOI=20map=20blank=20=E2=80=94=20har?=
 =?UTF-8?q?dcode=20height=20520px,=20decouple=20=D0=BE=D1=82=20flex/vh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Console показывает no errors AND no tile requests. Это значит
L.map(div) либо не вызывается, либо вызывается с 0×0 контейнером
(Leaflet не запрашивает 0 tiles при 0-viewport).

Гипотеза: 'flex-1' + 'height: 60vh' конфликтуют с Modal transform
animation (translate-y-2 scale-[0.98] во время fade-in). На
момент useEffect div.clientHeight иногда читался 0 несмотря на
inline style.

Decouple полностью: hardcode '520px' pixel height, display:block,
width:100%. Не использует flex layout. Стабильно >0 на любом
viewport.
---
 .../src/components/geo/AoiPickerDialog.tsx            | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ordinis-admin-ui/src/components/geo/AoiPickerDialog.tsx b/ordinis-admin-ui/src/components/geo/AoiPickerDialog.tsx
index 26bf607..7548822 100644
--- a/ordinis-admin-ui/src/components/geo/AoiPickerDialog.tsx
+++ b/ordinis-admin-ui/src/components/geo/AoiPickerDialog.tsx
@@ -180,11 +180,12 @@ export const AoiPickerDialog = ({ isOpen, onClose, onApply, initial }: Props) =>
 
       <div
         ref={mapDivRef}
-        className="flex-1 rounded-sm border border-regolith"
-        // Inline height — Leaflet требует non-zero containerSize в момент
-        // L.map() create(). flex-1 не гарантирует высоту до layout pass;
-        // explicit 420px минимум защищает от blank карты.
-        style={{ minHeight: 420, height: '60vh' }}
+        className="rounded-sm border border-regolith"
+        // Hardcoded pixel height + block display — full decoupling от flex/vh.
+        // Leaflet требует non-zero containerSize в момент L.map() create().
+        // 60vh раньше иногда читался как 0 во время Modal transform animation;
+        // 520px стабильно.
+        style={{ display: 'block', width: '100%', height: 520 }}
         aria-label={t('aoi.dialog.mapAriaLabel')}
       />