fix: avoid clicking on wrong station by deactivating map interactions

TRAFWART-1849

Author: friedjoff

src/components/Search/SearchService.js

@@ -150,7 +150,7 @@ class SearchService {
       padding,
       maxZoom: 15.6,
       callback: () => {
-        this.searches[selectedItem.section].openPopup(this.popupItem);
+        this.searches[selectedItem.section].openPopup(this.popupItem, this.map);
       },
     });
   }

src/searches/HandicapStopFinder/HandicapStopFinder.js

@@ -46,19 +46,24 @@ class HandicapStopFinder extends Search {
     return item.properties.name;
   }
 
-  openPopup(item) {
+  openPopup(item, map) {
     const { layerService } = this.props;
     const layer = layerService.getLayer("ch.sbb.netzkarte.stationen");
 
     if (!layer) {
       return;
     }
+    this.map = map;
     this.popupItem = item;
 
     // We try to display the overlay only when the stations layer is ready and has all the stations loaded.
     if (layer.ready) {
       this.onIdle();
     } else {
+      // disable map interactions to avoid clicking on wrong station
+      this.map.getInteractions().forEach((interaction) => {
+        interaction.setActive(false);
+      });
       layer.once("datarendered", this.onIdle);
     }
   }
@@ -106,6 +111,11 @@ class HandicapStopFinder extends Search {
       this.featureInfos = featInfos.filter(({ features }) => features.length);
       dispatchSetFeatureInfo(this.featureInfos);
     });
+
+    // reactivate map interactions
+    this.map.getInteractions().forEach((interaction) => {
+      interaction.setActive(true);
+    });
   }
 
   clearPopup() {

src/searches/StopFinder/StopFinder.js

@@ -63,19 +63,24 @@ class StopFinder extends Search {
     return item.properties.name;
   }
 
-  openPopup(item) {
+  openPopup(item, map) {
     const { layerService } = this.props;
     const layer = layerService.getLayer("ch.sbb.netzkarte.stationen");
 
     if (!layer) {
       return;
     }
+    this.map = map;
     this.popupItem = item;
 
     // We try to display the overlay only when the stations layer is ready and has all the stations loaded.
     if (layer.ready) {
       this.onIdle();
     } else {
+      // disable map interactions to avoid clicking on wrong station
+      this.map.getInteractions().forEach((interaction) => {
+        interaction.setActive(false);
+      });
       layer.once("datarendered", this.onIdle);
     }
   }
@@ -119,6 +124,11 @@ class StopFinder extends Search {
       );
       dispatchSetFeatureInfo(this.featureInfos);
     });
+
+    // reactivate map interactions
+    this.map.getInteractions().forEach((interaction) => {
+      interaction.setActive(true);
+    });
   }
 
   clearPopup() {