fix(where): isolate Leaflet map stacking context so nav renders above it

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-20 22:33:08 +01:00
parent a88438438a
commit 65b9a3b4d9
+1 -1
View File
@@ -33,7 +33,7 @@ leafletMap: true
{% endfor %} {% endfor %}
{% if mapPoints.length %} {% if mapPoints.length %}
<div id="checkin-map" class="mb-8 rounded-lg overflow-hidden border border-surface-200 dark:border-surface-700" style="height: 420px;" aria-label="Map of past check-ins"></div> <div id="checkin-map" class="mb-8 rounded-lg overflow-hidden border border-surface-200 dark:border-surface-700" style="height: 420px; isolation: isolate;" aria-label="Map of past check-ins"></div>
<script> <script>
var checkinPoints = {{ mapPoints | dump | safe }}; var checkinPoints = {{ mapPoints | dump | safe }};
</script> </script>