From 92858e40bf009f8d05a57eeb75317cbff0ecbf3f Mon Sep 17 00:00:00 2001
From: Yogesh Jain <yogesh.jain@enterprisedb.com>
Date: Fri, 10 Jul 2020 11:49:49 +0530
Subject: [PATCH] Ensure that closing the alert box on the login page will
 close multiple alert boxes if opened.

---
 web/pgadmin/templates/security/messages.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/pgadmin/templates/security/messages.html b/web/pgadmin/templates/security/messages.html
index 6fc11e0fb..4f938a820 100644
--- a/web/pgadmin/templates/security/messages.html
+++ b/web/pgadmin/templates/security/messages.html
@@ -2,7 +2,7 @@
 {% if messages %}
 <div style="position: fixed; top: 20px; right: 20px; width: 400px; z-index: 9999">
     {% for category, message in messages %}
-    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert" id="alertbox">
+    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
         {{ message }}
         <button onclick="hide()" type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}"><span
                 aria-hidden="true">&times;</span></button>
@@ -11,7 +11,10 @@
 </div>
 <script>
 function hide(){
-    document.getElementById("alertbox").classList.remove("show");
+    var target = event.target || event.srcElement;
+    if (target.type === undefined)
+        target=target.parentNode;
+    target.parentNode.classList.remove("show");
 }
 </script>
 {% endif %}