contextmenu, manchmal geht manchmal nicht, Timing Problem

components/TestScript.js

@@ -1,6 +1,6 @@
 // components/TestScript.js
 import { useEffect } from "react";
-import setupPolylinesCode from "!!raw-loader!../utils/setupPolylines.js"; // Lädt die gesamte setupPolylines.js als Text
+import setupPolylinesCode from "!!raw-loader!../utils/polylines/setupPolylines.js"; // Lädt die gesamte setupPolylines.js als Text
 
 export default function TestScript() {
   useEffect(() => {

components/mainComponent/MapComponent.js

@@ -24,7 +24,7 @@ import addItemsToMapContextMenu from "../useMapContextMenu.js";
 import useGmaMarkersLayer from "../../hooks/layers/useGmaMarkersLayer.js"; // Import the custom hook
 import useSmsfunkmodemMarkersLayer from "../../hooks/layers/useSmsfunkmodemMarkersLayer.js";
 import useBereicheMarkersLayer from "../../hooks/layers/useBereicheMarkersLayer.js";
-import { setupPolylines } from "../../utils/setupPolylines.js";
+import { setupPolylines } from "../../utils/polylines/setupPolylines.js";
 import { setupPOIs } from "../../utils/setupPOIs.js";
 import VersionInfoModal from "../VersionInfoModal.js";
 import useDrawLines from "../../hooks/layers/useDrawLines.js";
@@ -35,7 +35,6 @@ import useLineData from "../../hooks/useLineData.js";
 
 //import { useCreateAndSetDevices } from "../hooks/useCreateAndSetDevices";
 import { useMapComponentState } from "../../hooks/useMapComponentState.js";
-import { disablePolylineEvents, enablePolylineEvents } from "../../utils/setupPolylines.js";
 import { updateLocation } from "../../utils/updateBereichUtil.js";
 import { initGeocoderFeature } from "../features/GeocoderFeature.js";
 //--------------------------------------------
@@ -79,12 +78,14 @@ import ShowAddStationPopup from "../AddPOIModal.js";
 import { useInitGisStationsStatic } from "../mainComponent/hooks/useInitGisStationsStatic";
 import { closeAddPoiModal } from "../../redux/slices/addPoiOnPolylineSlice.js";
 import AddPOIOnPolyline from "../AddPOIOnPolyline";
-import { closePolylineContextMenu } from "../../redux/slices/polylineContextMenuSlice";
-import { forceCloseContextMenu } from "../../redux/slices/polylineContextMenuSlice";
+
+import { enablePolylineEvents, disablePolylineEvents } from "../../utils/polylines/eventHandlers";
+import { updateCountdown, closePolylineContextMenu, forceCloseContextMenu } from "../../redux/slices/polylineContextMenuSlice";
 
 const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const dispatch = useDispatch();
   const isPolylineContextMenuOpen = useSelector((state) => state.polylineContextMenu.isOpen);
+  const countdown = useSelector((state) => state.polylineContextMenu.countdown);
   const contextMenuState = useSelector((state) => state.polylineContextMenu);
 
   const polylinePosition = contextMenuState.position ? L.latLng(contextMenuState.position.lat, contextMenuState.position.lng) : null;
@@ -1063,6 +1064,40 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   useInitGisStationsStatic();
 
   //--------------------------------------
+  useEffect(() => {
+    if (isPolylineContextMenuOpen) {
+      console.log("🔄 Starte Redux-Countdown für Kontextmenü!");
+
+      const interval = setInterval(() => {
+        dispatch(updateCountdown());
+
+        console.log(`⏳ Redux Countdown: ${countdown} Sekunden`);
+
+        if (countdown <= 2) {
+          console.log("🚀 Kontextmenü wird wegen Countdown < 2 geschlossen.");
+          dispatch(closePolylineContextMenu());
+
+          if (window.map?.contextmenu) {
+            window.map.contextmenu.hide();
+          }
+
+          clearInterval(interval);
+        }
+      }, 1000);
+
+      return () => {
+        clearInterval(interval);
+      };
+    }
+  }, [isPolylineContextMenuOpen, countdown, dispatch, window.map]);
+
+  //----------------------------------
+  useEffect(() => {
+    if (map) {
+      window.map = map;
+      console.log("✅ window.map wurde gesetzt:", window.map);
+    }
+  }, [map]);
 
   //---------------------------------------