From 538dc3a530740896e1e2115357172d1314d902d5 Mon Sep 17 00:00:00 2001
From: Jake Low <hello@jakelow.com>
Date: Tue, 18 Mar 2025 18:52:10 -0700
Subject: [PATCH] app: disable pointer events on popup unless it is frozen
 (#537)

---
 app/src/MaplibreMap.tsx    | 3 +++
 app/src/stitches.config.ts | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
index dd8299e..7a9370d 100644
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -460,6 +460,9 @@ function MaplibreMap(props: { file: PMTiles; mapHashPassed: boolean }) {
     });
 
     map.on("click", (e) => {
+      popupFrozen
+        ? popup.removeClassName("frozen")
+        : popup.addClassName("frozen");
       setPopupFrozen((p) => !p);
     });
 
diff --git a/app/src/stitches.config.ts b/app/src/stitches.config.ts
index 1a14d7a..992e794 100644
--- a/app/src/stitches.config.ts
+++ b/app/src/stitches.config.ts
@@ -61,4 +61,10 @@ export const globalStyles = globalCss({
     color: "$white",
     fontFamily: "sans-serif",
   },
+  ".maplibregl-popup .maplibregl-popup-content": {
+    pointerEvents: "none",
+  },
+  ".maplibregl-popup.frozen .maplibregl-popup-content": {
+    pointerEvents: "auto",
+  },
 });