From 21eabcf3ec6645cdc472fd8143f049ce360cd50c Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 15 Jun 2026 17:00:35 +0100
Subject: [PATCH] Enhance Select2 integration in caseSeriesModal to ensure
 proper dropdown behavior

---
 atlas/templates/atlas/user_uploads.html | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/atlas/templates/atlas/user_uploads.html b/atlas/templates/atlas/user_uploads.html
index 4a0fe297..974487b9 100644
--- a/atlas/templates/atlas/user_uploads.html
+++ b/atlas/templates/atlas/user_uploads.html
@@ -3,6 +3,21 @@
 {% load crispy_forms_tags %}
 
 {% block content %}
+    <script>
+        (function($) {
+            if ($ && $.fn && $.fn.select2) {
+                var originalSelect2 = $.fn.select2;
+                $.fn.select2 = function(options) {
+                    if (options && typeof options === 'object') {
+                        if (this.closest('#caseSeriesModal').length > 0) {
+                            options.dropdownParent = $('#caseSeriesModal');
+                        }
+                    }
+                    return originalSelect2.apply(this, arguments);
+                };
+            }
+        })(window.jQuery);
+    </script>
     <h2>Uploaded dicoms</h2>
     User: {{user}}<br/>
     <a href="{% url 'atlas:new_uploads' %}">Upload more dicoms</a><br/>
@@ -774,13 +789,6 @@
             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>