diff --git a/src/frontend/app/avis/avis-workflow.component.html b/src/frontend/app/avis/avis-workflow.component.html
index 0f2e86ccf285c7eaac5460aab19c9b768d51e4d4..76af5f1360e215c19b78e7d33598dad469ceef69 100644
--- a/src/frontend/app/avis/avis-workflow.component.html
+++ b/src/frontend/app/avis/avis-workflow.component.html
@@ -1,6 +1,6 @@
 <mat-list *ngIf="!loading">
     <mat-form-field appearance="outline" *ngIf="adminMode && !linkedToMaarchParapheur">
-        <input type="text" matInput placeholder="Ajouter des personnes" id="searchAvisUserInput"
+        <input type="text" #searchAvisUserInput matInput placeholder="Ajouter des personnes" id="searchAvisUserInput"
             [formControl]="searchAvisUser" [matAutocomplete]="autoGroup">
         <mat-autocomplete #autoGroup="matAutocomplete" (optionSelected)="addItemToWorkflow($event.option.value)"
             (opened)="initFilterAvisModelList()">
diff --git a/src/frontend/app/avis/avis-workflow.component.ts b/src/frontend/app/avis/avis-workflow.component.ts
index 1ca989e78dad4f394cb5955858ba0be60f0c06e6..534b3a723e4a5c2d7dfde5b26afd817e98997417 100644
--- a/src/frontend/app/avis/avis-workflow.component.ts
+++ b/src/frontend/app/avis/avis-workflow.component.ts
@@ -12,8 +12,6 @@ import { MatDialog } from '@angular/material';
 import { AddAvisModelModalComponent } from './addAvisModel/add-avis-model-modal.component';
 import { ConfirmComponent } from '../../plugins/modal/confirm.component';
 
-declare function $j(selector: any): any;
-
 @Component({
     selector: 'app-avis-workflow',
     templateUrl: 'avis-workflow.component.html',
@@ -49,7 +47,7 @@ export class AvisWorkflowComponent implements OnInit {
 
     @Input('mode') mode: 'parallel' | 'circuit' = 'circuit';
 
-    @ViewChild('searchAvisUserInput', { static: true }) searchAvisUserInput: ElementRef;
+    @ViewChild('searchAvisUserInput', { static: false }) searchAvisUserInput: ElementRef;
 
     searchAvisUser = new FormControl();
 
@@ -432,6 +430,7 @@ export class AvisWorkflowComponent implements OnInit {
                 difflist_type: this.mode === 'circuit' ? 'AVIS_CIRCUIT' : 'entity_id'
             });
             this.searchAvisUser.reset();
+            this.searchAvisUserInput.nativeElement.blur();
         } else if (item.type === 'entity') {
             this.http.get(`../../rest/listTemplates/${item.id}`).pipe(
                 tap((data: any) => {
@@ -448,6 +447,7 @@ export class AvisWorkflowComponent implements OnInit {
                         })
                     );
                     this.searchAvisUser.reset();
+                    this.searchAvisUserInput.nativeElement.blur();
                 })
             ).subscribe();
         }
diff --git a/src/frontend/app/visa/visa-workflow.component.html b/src/frontend/app/visa/visa-workflow.component.html
index effba69fdb328760992900d93c25cd4575c5a7d7..2b5a7f3235cb2fe23ce25173f0c4f8e3cc82d9e8 100644
--- a/src/frontend/app/visa/visa-workflow.component.html
+++ b/src/frontend/app/visa/visa-workflow.component.html
@@ -1,7 +1,7 @@
 
 <mat-list *ngIf="!loading">
     <mat-form-field appearance="outline" *ngIf="adminMode && !linkedToMaarchParapheur">
-        <input type="text" matInput placeholder="Ajouter des personnes" id="searchVisaSignUserInput"
+        <input type="text" #searchVisaSignUserInput matInput placeholder="Ajouter des personnes" id="searchVisaSignUserInput"
             [formControl]="searchVisaSignUser" [matAutocomplete]="autoGroup">
         <mat-autocomplete #autoGroup="matAutocomplete" (optionSelected)="addItemToWorkflow($event.option.value)" (opened)="initFilterVisaModelList()">
             <mat-option disabled *ngIf="visaModelListNotLoaded">
diff --git a/src/frontend/app/visa/visa-workflow.component.ts b/src/frontend/app/visa/visa-workflow.component.ts
index 6998ac09d1ec4026469e39af2081f241e632d9d2..3b593f5c047f012f80b0a9ce4dfc585a855ac384 100644
--- a/src/frontend/app/visa/visa-workflow.component.ts
+++ b/src/frontend/app/visa/visa-workflow.component.ts
@@ -47,7 +47,7 @@ export class VisaWorkflowComponent implements OnInit {
 
     @Input('linkedToMaarchParapheur') linkedToMaarchParapheur: boolean = false;
 
-    @ViewChild('searchVisaSignUserInput', { static: true }) searchVisaSignUserInput: ElementRef;
+    @ViewChild('searchVisaSignUserInput', { static: false }) searchVisaSignUserInput: ElementRef;
 
     searchVisaSignUser = new FormControl();
 
@@ -420,6 +420,8 @@ export class VisaWorkflowComponent implements OnInit {
             if (this.linkedToMaarchParapheur) {
                 this.getMaarchParapheurUserAvatar(item.externalId.maarchParapheur, this.visaWorkflow.items.length - 1);
             }
+            this.searchVisaSignUser.reset();
+            this.searchVisaSignUserInput.nativeElement.blur();
         } else if (item.type === 'user') {
 
 
@@ -438,6 +440,7 @@ export class VisaWorkflowComponent implements OnInit {
                 this.getMaarchParapheurUserAvatar(item.externalId.maarchParapheur, this.visaWorkflow.items.length - 1);
             }
             this.searchVisaSignUser.reset();
+            this.searchVisaSignUserInput.nativeElement.blur();
         } else if (item.type === 'entity') {
             this.http.get(`../../rest/listTemplates/${item.id}`).pipe(
                 tap((data: any) => {
@@ -455,6 +458,7 @@ export class VisaWorkflowComponent implements OnInit {
                         })
                     );
                     this.searchVisaSignUser.reset();
+                    this.searchVisaSignUserInput.nativeElement.blur();
                 })
             ).subscribe();
         }