From 0bca19e93621f8bc9a098cc6a68708a70fd1d0c6 Mon Sep 17 00:00:00 2001 From: MarekWo Date: Mon, 23 Mar 2026 08:38:25 +0100 Subject: [PATCH] fix(paths): add backdrop between map picker and Contact Info modal Raises the z-index of the map modal (1070) and its backdrop (1060) so the Contact Info modal behind is visually grayed out, making it clear which modal is active. Co-Authored-By: Claude Opus 4.6 --- app/static/js/dm.js | 6 ++++++ app/templates/dm.html | 3 ++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/app/static/js/dm.js b/app/static/js/dm.js index c7fdf2f..6c98f07 100644 --- a/app/static/js/dm.js +++ b/app/static/js/dm.js @@ -2069,6 +2069,12 @@ function openRepeaterMapPicker() { const modal = new bootstrap.Modal(modalEl); const onShown = async function () { + // Raise backdrop z-index so it covers the Contact Info modal behind + const backdrops = document.querySelectorAll('.modal-backdrop'); + if (backdrops.length > 1) { + backdrops[backdrops.length - 1].style.zIndex = '1060'; + } + // Init map once if (!_rptMap) { _rptMap = L.map('rptLeafletMap').setView([52.0, 19.0], 6); diff --git a/app/templates/dm.html b/app/templates/dm.html index 9a8abfa..c242ad0 100644 --- a/app/templates/dm.html +++ b/app/templates/dm.html @@ -182,6 +182,7 @@ #rptLeafletMap { z-index: 1; } #rptLeafletMap .leaflet-top, #rptLeafletMap .leaflet-bottom { z-index: 1000; } + /* Map modal backdrop stacks above Contact Info modal */ @@ -407,7 +408,7 @@ -