fix(kit): prevent focusing when remove item from multi-select (#5412)

taiga-family · Sep 18, 2023 · 50a3b41 · 50a3b41
1 parent def0c40
commit 50a3b41
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/projects/kit/components/input-tag/input-tag.component.ts b/projects/kit/components/input-tag/input-tag.component.ts
@@ -382,7 +382,7 @@ export class TuiInputTagComponent
     }
 
     onTagEdited(value: string, index: number): void {
-        this.focusInput();
+        this.focusInput(value === '');
         this.value = this.filterValue(
             this.value
                 .map((tag, tagIndex) =>
@@ -518,9 +518,7 @@ export class TuiInputTagComponent
     }
 
     private focusInput(preventScroll: boolean = false): void {
-        if (this.nativeFocusableElement) {
-            this.nativeFocusableElement.focus({preventScroll});
-        }
+        this.nativeFocusableElement?.focus({preventScroll});
     }
 
     private clippedValue(value: string): string {

diff --git a/projects/kit/components/tag/tag.template.html b/projects/kit/components/tag/tag.template.html
@@ -28,7 +28,7 @@
         class="t-icon"
         [src]="icons.close"
         (click)="remove($event)"
-        (mousedown.prevent.silent)="(0)"
+        (mousedown.stop.prevent.silent)="(0)"
     ></tui-svg>
 </div>
 <input