Skip to content

Commit 71436b5

Browse files
committed
fix
1 parent 16241da commit 71436b5

1 file changed

Lines changed: 5 additions & 3 deletions

File tree

src/styles/leaflet-custom.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,11 @@
3434
}
3535

3636
/* Custom marker animations */
37-
.leaflet-marker-icon {
38-
animation: markerPulse 2s infinite;
39-
}
37+
/* IMPORTANT: Do not animate/transform the marker container itself, as Leaflet
38+
uses CSS transforms on .leaflet-marker-icon to position markers. Animating
39+
this element (e.g., scale) will override Leaflet's transform and cause
40+
markers to drift when zooming or panning. If you want a pulse effect,
41+
animate a child element inside your custom icon HTML instead. */
4042

4143
@keyframes markerPulse {
4244
0% {

0 commit comments

Comments
 (0)