fix(tags-input): Fix strange behaviour when removing first tag (#361)

Author: rrromchIk

src/app/shared/components/tags-input/tags-input.component.html

@@ -8,7 +8,7 @@
     (click)="!readonly() && onContainerClick()"
     (keydown)="!readonly() && onContainerKeydown($event)"
   >
-    @for (tag of localTags(); track $index) {
+    @for (tag of localTags(); track tag) {
       <p-chip [label]="tag" [removable]="!readonly()" (onRemove)="removeTag($index)" class="p-chip-inline" />
     }
 

src/app/shared/components/tags-input/tags-input.component.ts

@@ -32,17 +32,12 @@ export class TagsInputComponent {
   inputElement = viewChild<ElementRef<HTMLInputElement>>('tagInput');
 
   localTags = signal<string[]>([]);
-  private isLocalUpdate = false;
 
   constructor() {
     effect(() => {
       const incoming = this.tags();
 
-      if (!this.isLocalUpdate) {
-        this.localTags.set([...incoming]);
-      }
-
-      this.isLocalUpdate = false;
+      this.localTags.set([...incoming]);
     });
   }
 
@@ -92,8 +87,6 @@ export class TagsInputComponent {
       const updatedTags = [...currentTags, normalizedValue];
 
       this.localTags.set(updatedTags);
-      this.isLocalUpdate = true;
-
       this.tagsChanged.emit(updatedTags);
     }
   }
@@ -105,8 +98,6 @@ export class TagsInputComponent {
     const updatedTags = currentTags.filter((_, i) => i !== index);
 
     this.localTags.set(updatedTags);
-    this.isLocalUpdate = true;
-
     this.tagsChanged.emit(updatedTags);
   }
 }