Merge pull request #13972 from IgniteUI/ikitanov/fix-13961-master

Resolve buttons not selected if initialized after the group

Author: kacheshmarova

projects/igniteui-angular/src/lib/buttonGroup/buttonGroup.component.ts

@@ -462,14 +462,21 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
             });
         };
 
-        this.viewButtons.changes.pipe(takeUntil(this.queryListNotifier$)).subscribe(() => initButtons());
-        this.templateButtons.changes.pipe(takeUntil(this.queryListNotifier$)).subscribe(() => initButtons());
-        initButtons();
-
-        this._cdr.detectChanges();
-
         this.mutationObserver = this.setMutationsObserver();
 
+        this.viewButtons.changes.pipe(takeUntil(this.queryListNotifier$)).subscribe(() => {
+            this.mutationObserver.disconnect();
+            initButtons();
+            this.mutationObserver?.observe(this._el.nativeElement, this.observerConfig);
+        });
+        this.templateButtons.changes.pipe(takeUntil(this.queryListNotifier$)).subscribe(() => {
+            this.mutationObserver.disconnect();
+            initButtons();
+            this.mutationObserver?.observe(this._el.nativeElement, this.observerConfig);
+        });
+
+        initButtons();
+        this._cdr.detectChanges();
         this.mutationObserver?.observe(this._el.nativeElement, this.observerConfig);
     }