From 1ad87d8b31b5e19560775b740218feca67a2b52e Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 15 Jun 2026 16:57:28 +0100
Subject: [PATCH] Add data-bs-focus attribute to caseSeriesModal and prevent
 Bootstrap from stealing focus from Select2 inputs

---
 atlas/templates/atlas/user_uploads.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/atlas/templates/atlas/user_uploads.html b/atlas/templates/atlas/user_uploads.html
index 3a60f32f..4a0fe297 100644
--- a/atlas/templates/atlas/user_uploads.html
+++ b/atlas/templates/atlas/user_uploads.html
@@ -323,7 +323,7 @@
         </div>
     </div>
 
-    <div class="modal fade" id="caseSeriesModal" aria-hidden="true">
+    <div class="modal fade" id="caseSeriesModal" aria-hidden="true" data-bs-focus="false">
         <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
             <div class="modal-content">
                 <div class="modal-header">
@@ -774,6 +774,13 @@
             item.classList.toggle('selected', cb.checked);
             cb.dispatchEvent(new Event('change', { bubbles: true }));
         });
+
+        // Prevent Bootstrap 5 from stealing focus from Select2 inputs inside modals
+        document.addEventListener('focusin', function (e) {
+            if (e.target && e.target.closest && (e.target.closest('.select2-container') || e.target.closest('.select2-search__field') || e.target.closest('.select2-dropdown'))) {
+                e.stopImmediatePropagation();
+            }
+        }, true);
     </script>
 
     <script>