From 6ea4530781ba3874255905b92ed1a67817ac78c9 Mon Sep 17 00:00:00 2001
From: louisua <louisua@users.noreply.github.com>
Date: Fri, 4 Oct 2024 11:56:10 -0400
Subject: [PATCH] feat: CRMMON-8029 focus on button

Signed-off-by: louisua <louisua@users.noreply.github.com>
---
 .../src/lib/file/file-input.component.html    |  4 +---
 .../src/lib/file/file-input.component.ts      | 23 -------------------
 2 files changed, 1 insertion(+), 26 deletions(-)

diff --git a/projects/angular-ui/src/lib/file/file-input.component.html b/projects/angular-ui/src/lib/file/file-input.component.html
index f738ef1b..3eee90af 100644
--- a/projects/angular-ui/src/lib/file/file-input.component.html
+++ b/projects/angular-ui/src/lib/file/file-input.component.html
@@ -4,7 +4,6 @@
   baoFileDrop
   class="file-drop-zone"
   (fileDrop)="uploadFile($event)"
-  #dropzone
 >
   <button
     bao-button
@@ -13,8 +12,6 @@
     level="secondary"
     [disabled]="disabled"
     (click)="uploader.click()"
-    aria-hidden="true"
-    tabIndex="-1"
   >
     {{ intl.dropzoneButtonLabel }}
   </button>
@@ -24,6 +21,7 @@
     class="sr-only"
     [disabled]="disabled"
     (change)="uploadFile($event.target.files[0])"
+    tabindex="-1"
     #uploader
   />
   <ng-container
diff --git a/projects/angular-ui/src/lib/file/file-input.component.ts b/projects/angular-ui/src/lib/file/file-input.component.ts
index eaac197a..58d4fdd1 100644
--- a/projects/angular-ui/src/lib/file/file-input.component.ts
+++ b/projects/angular-ui/src/lib/file/file-input.component.ts
@@ -122,9 +122,6 @@ export class BaoFileInputComponent
    */
   @ViewChild('uploader', { static: false }) private uploader: ElementRef;
 
-  @ViewChild('dropzone', { static: false })
-  private dropzoneElement: ElementRef<HTMLElement>;
-
   public insertDefaultInstructions = false;
   public isFileTooBig = false;
   public isFileTypeInvalid = false;
@@ -152,26 +149,6 @@ export class BaoFileInputComponent
     }
   }
 
-  @HostListener('window:keyup.tab')
-  tabKeyEvent() {
-    if (document.activeElement.id === this.inputId) {
-      this.renderer.addClass(
-        this.dropzoneElement.nativeElement,
-        'dropzone-focus'
-      );
-    }
-  }
-
-  @HostListener('window:keyup.shift.tab')
-  shiftTabKeyEvent() {
-    if (document.activeElement.id === this.inputId) {
-      this.renderer.addClass(
-        this.dropzoneElement.nativeElement,
-        'dropzone-focus'
-      );
-    }
-  }
-
   public ngAfterContentInit(): void {
     this._errorForm.changes.subscribe(() => this.setErrorTextsAttribute());
     if (!this.inputId) {