Skip to content

SimpleCombo/Combo shows invalid state after disabling a touched form control #17234

@Timmeeeey

Description

@Timmeeeey

Description

Calling control.disable() on a reactive FormControl bound to an igx-simple-combo (or igx-combo) flips the combo's visual state to IgxInputState.INVALID (red error border) — even though a disabled control should never render as invalid. This happens whenever the control has been touched or is dirty.

Framework

Angular

Angular Version

21.2.10

Ignite UI for Angular Version

21.2.0

Component / Area

Combo / Simple Combo

Browser

Chrome, Firefox, Edge, Safari

Operating System

Windows

Command Not Working

Steps to Reproduce

  1. Bind an igx-simple-combo to a reactive FormControl.
  2. Select a value.
  3. Call control.disable() from code.

Actual Result

The combo renders with the red INVALID border.

Expected Result

The combo renders in its neutral/disabled state. The form control's status is DISABLED, it is not invalid.

Reproduction URL

https://stackblitz.com/edit/dzpzeigy

Attachments

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions