Update assets/custom.js

assets/custom.js

@@ -20,13 +20,8 @@ function toggleAccessibleBackground() {
 
 function openDialog(event, dialogId) {
     var dialog = document.getElementById(dialogId);
-    var overlay = document.createElement('div');
-    overlay.className = 'dialog-overlay';
-    overlay.id = dialogId + '-overlay';
-    document.body.appendChild(overlay);
 
     dialog.style.display = 'block';
-    overlay.style.display = 'block';
 
     var rect = event.target.getBoundingClientRect();
     var dialogHeight = dialog.offsetHeight;
@@ -45,19 +40,9 @@ function openDialog(event, dialogId) {
 
     dialog.style.top = top + 'px';
     dialog.style.left = left + 'px';
-
-    // Add an event listener to close the dialog when clicking outside of it
-    overlay.addEventListener('click', function () {
-        closeDialog(dialogId);
-    });
 }
 
 function closeDialog(dialogId) {
     var dialog = document.getElementById(dialogId);
-    var overlay = document.getElementById(dialogId + '-overlay');
     dialog.style.display = 'none';
-    if (overlay) {
-        overlay.style.display = 'none';
-        document.body.removeChild(overlay);
-    }
 }