Skip to content

IgxCombo, IgxSimpleCombo throw NG0100 in zoneless apps #17310

@ddaribo

Description

@ddaribo

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

  1. Zoneless sample
  2. Open the combo and scroll the dropdown
  3. Select an item and scroll
  4. Observe console

Actual Result

NG0100 errors

Expected Result

No errors
Sample with zone CD for reference

Reproduction URL

No response

Attachments

No response

Metadata

Metadata

Assignees

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions