Description
When scrolling, the IgxCombo throws NG0100 in zoneless apps:
_effect-chunk2.mjs:2601 ERROR RuntimeError: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. Expression location: _IgxComboItemComponent component. Find more at https://v21.angular.dev/errors/NG0100
at throwErrorIfNoChangesMode (_debug_node-chunk.mjs:3534:9)
at bindingUpdated (_debug_node-chunk.mjs:8165:9)
at ɵɵproperty (_debug_node-chunk.mjs:14121:7)
at IgxComboItemComponent_Conditional_0_Template (combo-item.component.html:3:57)
this appears to be caused by the igx-checkbox properties binding (readonly) in the combo-item.html template:
<igx-checkbox [checked]="selected" [readonly]="true" [disableRipple]="true" [disableTransitions]="disableTransitions" [tabindex]="-1" (click)="disableCheck($event)" class="igx-combo__checkbox"></igx-checkbox>
Secondly, if an item is selected/active and the dropdown is scrolled another NG0100 error is thrown:
ERROR RuntimeError: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'attr.aria-activedescendant': 'igx-drop-down-item-10'. Current value: 'null'. Expression location: _IgxComboComponent component. Find more at https://v21.angular.dev/errors/NG0100
at throwErrorIfNoChangesMode (_debug_node-chunk.mjs:3534:9)
at bindingUpdated (_debug_node-chunk.mjs:8165:9)
at Module.ɵɵattribute (_debug_node-chunk.mjs:13350:7)
at IgxDropDownItemNavigationDirective_HostBindings (drop-down-navigation.directive.ts:14:35)
Framework
Angular
Angular Version
20.1.x, 21.2.x, 22.0.x
Ignite UI for Angular Version
20.1.x, 21.2.x, 22.0.x
Component / Area
Combo / Simple Combo
Browser
Chrome, Firefox, Safari, Edge, Other
Operating System
No response
Command Not Working
Steps to Reproduce
- Zoneless sample
- Open the combo and scroll the dropdown
- Select an item and scroll
- Observe console
Actual Result
NG0100 errors
Expected Result
No errors
Sample with zone CD for reference
Reproduction URL
No response
Attachments
No response
Description
When scrolling, the IgxCombo throws NG0100 in zoneless apps:
this appears to be caused by the
igx-checkboxproperties binding (readonly) in the combo-item.html template:Secondly, if an item is selected/active and the dropdown is scrolled another NG0100 error is thrown:
Framework
Angular
Angular Version
20.1.x, 21.2.x, 22.0.x
Ignite UI for Angular Version
20.1.x, 21.2.x, 22.0.x
Component / Area
Combo / Simple Combo
Browser
Chrome, Firefox, Safari, Edge, Other
Operating System
No response
Command Not Working
Steps to Reproduce
Actual Result
NG0100 errors
Expected Result
No errors
Sample with zone CD for reference
Reproduction URL
No response
Attachments
No response