From 0646aaae6b81edab6602e9ab9ac08caa91171a14 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Sun, 6 Apr 2025 22:06:48 +0200
Subject: [PATCH] fix: assign id and name to input fields

---
 .../contacts/contact-detail/contact-detail.component.ts       | 1 +
 .../overlay/contact-overlay/contact-overlay.component.html    | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.ts b/src/app/components/contacts/contact-detail/contact-detail.component.ts
index 434eb64..674c167 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.ts
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.ts
@@ -76,6 +76,7 @@ export class ContactDetailComponent {
    */
   toggleConfirmDialog(): void {
     this.showConfirmDialog = !this.showConfirmDialog;
+    this.overlayService.setOverlayData('dialog', '');
   }
 
   /**
diff --git a/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html b/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
index b3ad0fd..805a090 100644
--- a/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
+++ b/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
@@ -10,6 +10,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="overlayData.color"
           [style.background]="newColor === '' ? overlayData.color : newColor"
           (colorPickerChange)="updateColor($event)"
@@ -46,6 +48,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="randomColor"
           [style.background]="randomColor"
           (colorPickerSelect)="updateColor($event)"