fix tags autocomplete filter

kendraio · Aug 14, 2024 · cf6d7df · cf6d7df
1 parent 7403fcf
commit cf6d7df
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/app/dialogs/edit-workflow-metadata-dialog/edit-workflow-metadata-dialog.component.html b/src/app/dialogs/edit-workflow-metadata-dialog/edit-workflow-metadata-dialog.component.html
@@ -9,19 +9,19 @@
     <mat-form-field>
       <input matInput placeholder="Workflow ID" formControlName="id" name="id">
     </mat-form-field>
-    <mat-form-field class="example-chip-list">
-      <mat-chip-listbox #chipList aria-label="Fruit selection">
-        <mat-chip-option *ngFor="let tag of tags.getRawValue()" [selectable]="selectable"
+    <mat-form-field class="chip-list">
+      <mat-chip-grid #chipList aria-label="tags">
+        <mat-chip-row *ngFor="let tag of tags.getRawValue()" [selectable]="selectable"
                   [removable]="removable" (removed)="removeTag(tag)">
           {{tag}}
           <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
-        </mat-chip-option>
+        </mat-chip-row>
         <input placeholder="Add tag..."
               [matChipInputFor]="chipList"
               [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
               [matChipInputAddOnBlur]="addOnBlur"
               (matChipInputTokenEnd)="addTag($event)">
-      </mat-chip-listbox>
+      </mat-chip-grid>
     </mat-form-field>
   </form>
 </mat-dialog-content>

diff --git a/src/app/dialogs/edit-workflow-metadata-dialog/edit-workflow-metadata-dialog.component.ts b/src/app/dialogs/edit-workflow-metadata-dialog/edit-workflow-metadata-dialog.component.ts
@@ -18,6 +18,7 @@ export class EditWorkflowMetadataDialogComponent implements OnInit {
   removable = true;
   addOnBlur = true;
   readonly separatorKeysCodes: number[] = [ENTER, COMMA];
+
 
   get tags() {
     return (this.form.get('tags') as UntypedFormArray);