diff --git a/index.html b/index.html
index 00687b7..5c52b1b 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
diff --git a/src/styles/map.css b/src/styles/map.css
index ff098a4..2a09082 100644
--- a/src/styles/map.css
+++ b/src/styles/map.css
@@ -15,6 +15,7 @@
width:100%;
height: clamp(500px, 87.5vh, 1100px);
overflow: hidden;
+ touch-action: none; /* Prevent browser zoom - map handles its own gestures */
}
.map-stage--placeholder{
@@ -127,6 +128,15 @@
inset:0;
width:100%;
height:100%;
+ touch-action: none; /* Prevent browser zoom */
+}
+
+/* Prevent browser zoom on all map markers and overlays */
+.maplibregl-marker,
+.maplibregl-popup,
+.maplibregl-canvas-container,
+.maplibregl-canvas {
+ touch-action: none;
}
.map-status{
diff --git a/src/styles/mapMarkers.css b/src/styles/mapMarkers.css
index 51cc8a3..f32c5ae 100644
--- a/src/styles/mapMarkers.css
+++ b/src/styles/mapMarkers.css
@@ -10,8 +10,9 @@
height: 0;
pointer-events: none;
transform: translate3d(0, 0, 0);
+ touch-action: none; /* Prevent browser zoom - let map handle gestures */
}
-.post-pin * { pointer-events: auto; box-sizing: border-box; }
+.post-pin * { pointer-events: auto; box-sizing: border-box; touch-action: none; }
.post-pin--compact .post-pin-bubble {
position: absolute;
@@ -52,6 +53,7 @@
transform: translate(-50%, calc(-100% - 12px)) scale(0.58) rotate(var(--card-tilt));
transform-origin: bottom center;
will-change: transform;
+ touch-action: none; /* Prevent browser zoom */
}
@media (max-width: 640px){