ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add data-bs-focus attribute to caseSeriesModal and prevent Bootstrap from stealing focus from Select2 inputs

Browse Source
This commit is contained in:
Ross
2026-06-15 16:57:28 +01:00
parent 8003dcd714
commit 1ad87d8b31
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
atlas/templates/atlas/user_uploads.html
+8 -1
View File
@@ -323,7 +323,7 @@
</div> </div>
</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-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -774,6 +774,13 @@
item.classList.toggle('selected', cb.checked); item.classList.toggle('selected', cb.checked);
cb.dispatchEvent(new Event('change', { bubbles: true })); 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>
<script> <script>