igx-splitter produces ExpressionChangedAfterItHasBeenCheckedError if any condition is added to panes

[pmoleri]

Description

igx-splitter produces ExpressionChangedAfterItHasBeenCheckedError if any condition is added to panes

• igniteui-angular version: 19.1.4
• browser: any

Steps to reproduce

1. Add a splitter with a conditional pane, like in the following snippet:

   <igx-splitter style="height: 100vh;" [style.width]="'100%'">
     <igx-splitter-pane>1</igx-splitter-pane>
     @if (someCondition) {
         <igx-splitter-pane>2</igx-splitter-pane>
     }
   </igx-splitter>

2. Run it (or reload, avoid hot reload)
3. Check the devtools console

Result

throws as unhandled

NG0100 ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'order': 'undefined'. Current value: '2'.

Note that the "if" condition never changes. The bare existence of the condition makes it fail.

Expected result

No errors.

Attachments

https://stackblitz.com/edit/ix2xmku4?file=src%2Fapp%2Fsplitter-horizontal-sample%2Fsplitter-horizontal-sample.component.html

[dkamburov]

Sounds like a duplicate of #15540
Hopefully will be resolved with the same fix

@pmoleri also we are currently fixing in 19.2.x and 20.0.x

[pmoleri]

Damn, it didn't show up in my search:

is not even matching on the tag