igniteui-angular 21.2.6 → 21.2.8

package/fesm2022/igniteui-angular-combo.mjs

@@ -79,6 +79,7 @@ class IgxComboItemComponent extends IgxDropDownItemComponent {
          * @hidden
          */
         this.itemHeight = '';
+        this._disableTransitions = false;
     }
     /** @hidden @internal */
     get _itemHeightToRem() {
@@ -107,14 +108,16 @@ class IgxComboItemComponent extends IgxDropDownItemComponent {
      * @hidden
      * @internal
      */
-    get disableTransitions() {
-        return this.comboAPI.disableTransitions;
+    ngDoCheck() {
+        // Sync state from services once per CD cycle so template bindings return stable field values
+        this._selected = !this.isHeader && this.value != null && this.comboAPI.is_item_selected(this.itemID);
+        this._disableTransitions = this.comboAPI.disableTransitions;
     }
     /**
      * @hidden
      */
     get selected() {
-        return this.comboAPI.is_item_selected(this.itemID);
+        return this._selected;
     }
     set selected(value) {
         if (this.isHeader) {
@@ -122,6 +125,13 @@ class IgxComboItemComponent extends IgxDropDownItemComponent {
         }
         this._selected = value;
     }
+    /**
+     * @hidden
+     * @internal
+     */
+    get disableTransitions() {
+        return this._disableTransitions;
+    }
     /**
      * @hidden
      */
@@ -1637,6 +1647,7 @@ class IgxComboDropDownComponent extends IgxDropDownComponent {
         super(...arguments);
         this.combo = inject(IGX_COMBO_COMPONENT);
         this.comboAPI = inject(IgxComboAPIService);
+        this._activeDescendantId = null;
         /** @hidden @internal */
         this.singleMode = false;
         /**
@@ -1670,6 +1681,37 @@ class IgxComboDropDownComponent extends IgxDropDownComponent {
         }
         return null;
     }
+    /**
+     * @hidden @internal
+     */
+    get focusedItem() {
+        return super.focusedItem;
+    }
+    /**
+     * @hidden @internal
+     * Returns a stable aria-activedescendant id, unaffected by virtual scroll position.
+     * The base class computes this from the live focusedItem getter, which reads from the
+     * children QueryList. During virtual scroll the QueryList is recycled, so the getter
+     * can return null mid-CD-cycle causing NG0100 in zoneless apps. The id is cached instead.
+     */
+    get activeDescendant() {
+        return this._activeDescendantId;
+    }
+    /** @hidden @internal */
+    set focusedItem(item) {
+        if (!item) {
+            this._activeDescendantId = null;
+        }
+        else if (item.id !== undefined) {
+            this._activeDescendantId = item.id;
+        }
+        else {
+            // Virtual { value, index } object passed by navigateItem() under virtual scrolling.
+            const resolved = this.children?.find(e => e.index === item.index);
+            this._activeDescendantId = resolved?.id ?? null;
+        }
+        super.focusedItem = item;
+    }
     /**
      * Get all non-header items
      *
@@ -1750,6 +1792,7 @@ class IgxComboDropDownComponent extends IgxDropDownComponent {
             return;
         }
         this.comboAPI.set_selected_item(item.itemID);
+        this._activeDescendantId = item.id ?? null;
         this._focusedItem = item;
         this.combo.setActiveDescendant();
     }