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);
}