fix(command.component): re-listen to keymanager changes when items change

fix #4

Author: shhdharmen

projects/ngneat/cmdk/src/lib/components/command/command.component.ts

@@ -141,6 +141,13 @@ export class CommandComponent
         const emit = true;
         this.setValue(value, emit);
       });
+  }
+
+  private initKeyManager() {
+    this.keyManager = new ActiveDescendantKeyManager(this.items)
+      .withWrap(this.loop)
+      .withPageUpDown()
+      .skipPredicate((item) => item.disabled || !item.filtered);
 
     // set active group on active item change
     this.keyManager.change.pipe(untilDestroyed(this)).subscribe(() => {
@@ -153,13 +160,6 @@ export class CommandComponent
     });
   }
 
-  private initKeyManager() {
-    this.keyManager = new ActiveDescendantKeyManager(this.items)
-      .withWrap(this.loop)
-      .withPageUpDown()
-      .skipPredicate((item) => item.disabled || !item.filtered);
-  }
-
   get filteredItems() {
     return this.items?.filter((item) => item.filtered);
   }
@@ -267,6 +267,7 @@ export class CommandComponent
   private scrollActiveIntoView() {
     const item = this.keyManager.activeItem;
     const nativeElement = item?._elementRef?.nativeElement;
+    console.log(nativeElement);
     if (nativeElement) {
       if (nativeElement.parentElement?.firstChild === nativeElement) {
         // First item in Group, ensure heading is in view