Bug: fix open/close overlay when user interacts

c2corg · Dec 9, 2021 · 6c52ba3 · 6c52ba3
1 parent e15f3bb
commit 6c52ba3
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/src/components/yeti/map-layers/AvalancheBulletinsLayer.vue b/src/components/yeti/map-layers/AvalancheBulletinsLayer.vue
@@ -443,6 +443,8 @@ export default {
       // = prevent overlay from moving
       if (this.panIntoView) {
         this.panIntoView = false;
+        // update bulletin overlay though (hide/show if needed)
+        this.updateBulletinsOverlay();
         return;
       }
 
@@ -524,7 +526,7 @@ export default {
         }
       } else {
         // remove when no feature found (click on map)
-        this.closeOverlay();
+        this.closeOverlay(true);
       }
     },
     updateBulletinsOverlay() {
@@ -542,16 +544,21 @@ export default {
       }
     },
     openOverlay(coordinates, panIntoView = false) {
-      bulletinsOverlay.setPosition(coordinates);
+      this.$nextTick(() => {
+        bulletinsOverlay.setPosition(coordinates);
 
-      if (panIntoView) {
-        this.panIntoView = true;
-        bulletinsOverlay.panIntoView(bulletinsOverlayPanOptions);
-      }
+        if (panIntoView) {
+          this.panIntoView = true;
+          bulletinsOverlay.panIntoView(bulletinsOverlayPanOptions);
+        }
+      });
     },
-    closeOverlay() {
+    closeOverlay(force = false) {
       bulletinsOverlay.setPosition(undefined);
-      this.activeBulletins = null;
+
+      if (force) {
+        this.activeBulletins = null;
+      }
     },
   },
 };