fix: click outside on input select dropdown (#1140)

Brisanet · Sep 13, 2024 · ba5a46f · ba5a46f
1 parent 90a38c0
commit ba5a46f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/projects/ion/src/lib/input-select/input-select.component.html b/projects/ion/src/lib/input-select/input-select.component.html
@@ -6,7 +6,7 @@
     [class.multiple-input--disabled]="disabled"
     [class.multiple-input]="currentOption?.multiple"
   >
-    <div class="dropdown-container" (clickOutside)="onClickOutside()">
+    <div class="dropdown-container">
       <button
         type="button"
         data-testid="ion-select-button"
@@ -24,6 +24,7 @@
           (selected)="handleSelect($event)"
           [multiple]="false"
           [required]="true"
+          (closeDropdown)="closeDropdown()"
         >
         </ion-dropdown>
       </div>

diff --git a/projects/ion/src/lib/input-select/input-select.component.ts b/projects/ion/src/lib/input-select/input-select.component.ts
@@ -65,7 +65,7 @@ export class IonInputSelectComponent implements OnInit {
     });
   }
 
-  public onClickOutside(): void {
+  public closeDropdown(): void {
     this.dropdownVisible = false;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,7 +65,7 @@ export class IonInputSelectComponent implements OnInit { @@
         });
       }
-      public onClickOutside(): void {
+      public closeDropdown(): void {
         this.dropdownVisible = false;
       }
@@ Expand Down @@