diff --git a/app/views/admin/get_all_users.html.erb b/app/views/admin/get_all_users.html.erb index dc5f5a7..25afe4d 100755 --- a/app/views/admin/get_all_users.html.erb +++ b/app/views/admin/get_all_users.html.erb @@ -56,9 +56,26 @@ function openEditModal(id){ $("#editAcct .modal-content").load(link, function(response, status, xhr) { console.log('Load status:', status); if (status == "success") { - console.log('Showing modal with jQuery'); - // Use jQuery/Bootstrap method which handles initialization automatically - $('#editAcct').modal('show'); + console.log('Initializing Bootstrap 5 modal'); + var modalEl = document.getElementById('editAcct'); + + // Ensure any existing instance is disposed + var existingModal = bootstrap.Modal.getInstance(modalEl); + if (existingModal) { + existingModal.dispose(); + } + + // Create new modal with options + var modal = new bootstrap.Modal(modalEl, { + backdrop: true, + keyboard: true, + focus: true + }); + + console.log('Modal created, calling show()'); + modal.show(); + + console.log('Modal should be visible now'); } else { console.error('Failed to load modal content:', xhr.statusText); }