🐞 - Inputs with extends TuiControl has CD problems for writeValue of "empty" value

[nsbarsukov]

Reproduction url

https://stackblitz.com/edit/tui-control-cd-problems-with-writevalue

Description

<tui-textfield>
    <label tuiLabel>tuiTextfield</label>
    <input
        tuiTextfield
        [ngModel]="value"
    />
</tui-textfield>

<tui-textfield>
    <label tuiLabel>tuiInputNumber</label>
    <input
        tuiInputNumber
        [ngModel]="value"
    />
</tui-textfield>

<tui-textfield>
    <label tuiLabel>tuiInputPhoneInternational</label>
    <input
        tuiInputPhoneInternational
        [ngModel]="value?.toString() || ''"
    />
</tui-textfield>

<div (mouseenter)="value = 2">Hover me to set "2"</div>
<br />
<div (mouseenter)="value = 3">Hover me to set "3"</div>
<br />
<div (mouseenter)="value = null">Hover me to set "null"</div>

2025-01-21.12.04.07.mov

Relates:

• https://taiga-ui.dev/charts/arc-chart#sizes

Taiga UI version

4.21.0

Browser Used

Chrome

OS Used

macOS