From ec0c175f8670f67dfc09e0a3682ccff91ff55d53 Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 19:38:32 +0200
Subject: [PATCH] fix dismissible error alert and fix a11y

---
 ui/src/app/shared/alert/alert.component.html |  9 ++++++++-
 ui/src/app/user/user-update.component.html   | 10 +++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/shared/alert/alert.component.html b/ui/src/app/shared/alert/alert.component.html
index d513758ca..923929e0a 100644
--- a/ui/src/app/shared/alert/alert.component.html
+++ b/ui/src/app/shared/alert/alert.component.html
@@ -3,7 +3,14 @@
     <ngb-alert *ngIf="alert && alert.type && alert.msg" [type]="alert.type" [dismissible]="false" class="alert-success">
       <div class="d-flex">
         <div class="font-size-16 flex-grow-1">{{ alert.msg | localize }}</div>
-        <a (click)="close(alert)" (keyup)="closeOldestAlert()" tabindex="0" class="close">×</a>
+        <a
+          (click)="close(alert)"
+          (keyup.esc)="closeOldestAlert()"
+          (keyup.enter)="closeOldestAlert()"
+          tabindex="0"
+          class="close"
+          >×</a
+        >
       </div>
     </ngb-alert>
   </div>
diff --git a/ui/src/app/user/user-update.component.html b/ui/src/app/user/user-update.component.html
index dbec338b9..c4c1c2099 100644
--- a/ui/src/app/user/user-update.component.html
+++ b/ui/src/app/user/user-update.component.html
@@ -11,13 +11,21 @@ <h1 id="jhi-ms-user-heading" class="mt-5" i18n="@@gatewayApp.msUserServiceMSUser
             class="alert alert-danger alert-dismissible"
             role="alert"
             ng-reflect-type="danger"
-            (close)="validation.errors = null"
+            [dismissible]="false"
           >
             <ul class="validation-errors">
               <li *ngFor="let error of validation.errors">
                 {{ error }}
               </li>
             </ul>
+            <a
+              (click)="validation.errors = null"
+              (keyup.esc)="validation.errors = null"
+              (keyup.enter)="validation.errors = null"
+              tabindex="0"
+              class="close"
+              >×</a
+            >
           </ngb-alert>
         </div>
         <div class="form-group">