fix(cdk): Control fix initial status (#9539)

taiga-family · Oct 18, 2024 · cb5f29a · cb5f29a
1 parent 049b289
commit cb5f29a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/projects/cdk/classes/control.ts b/projects/cdk/classes/control.ts
@@ -73,7 +73,11 @@ export abstract class TuiControl<T> implements ControlValueAccessor {
                 filter(Boolean),
                 distinctUntilChanged(),
                 switchMap((c) =>
-                    merge(c.valueChanges, c.statusChanges, (c as any).events || EMPTY),
+                    merge(
+                        c.valueChanges,
+                        c.statusChanges,
+                        (c as any).events || EMPTY,
+                    ).pipe(startWith(null)),
                 ),
                 takeUntilDestroyed(),
             )

diff --git a/projects/demo/src/modules/components/radio/examples/3/index.html b/projects/demo/src/modules/components/radio/examples/3/index.html
@@ -14,6 +14,11 @@
         </span>
     </ng-template>
     <hr class="tui-space_vertical-4" />
+    <tui-radio-list
+        formControlName="disabled"
+        [items]="strings"
+    />
+    <hr class="tui-space_vertical-4" />
 </form>
 <tui-radio-list
     size="s"

diff --git a/projects/demo/src/modules/components/radio/examples/3/index.ts b/projects/demo/src/modules/components/radio/examples/3/index.ts
@@ -22,6 +22,7 @@ import {TuiRadioList} from '@taiga-ui/kit';
 export default class Example {
     protected readonly form = new FormGroup({
         vertical: new FormControl(null, Validators.required),
+        disabled: new FormControl({value: null, disabled: true}),
     });
 
     protected readonly objects = [