fix(kit,legacy): all textfield controls should handle initial `ngMode…

…l` phantom `null` value (#10171)
taiga-family · Jan 16, 2025 · b490860 · b490860
1 parent 68fcf90
commit b490860
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/projects/kit/components/input-phone-international/input-phone-international.component.ts b/projects/kit/components/input-phone-international/input-phone-international.component.ts
@@ -201,8 +201,8 @@ export class TuiInputPhoneInternational extends TuiControl<string> {
         const maskOptions = this.mask();
 
         this.textfieldValue = maskOptions
-            ? maskitoTransform(unmaskedValue, maskOptions)
-            : unmaskedValue; // it will be calibrated later when mask is ready (by maskitoInitialCalibrationPlugin)
+            ? maskitoTransform(this.value(), maskOptions)
+            : this.value(); // it will be calibrated later when mask is ready (by maskitoInitialCalibrationPlugin)
         this.cdr.detectChanges();
     }
 

diff --git a/projects/legacy/components/input-date/input-date.component.ts b/projects/legacy/components/input-date/input-date.component.ts
@@ -184,7 +184,7 @@ export class TuiInputDateComponent
 
     public override writeValue(value: TuiDay | null): void {
         super.writeValue(value);
-        this.nativeValue.set(value ? this.computedValue : '');
+        this.nativeValue.set(this.value ? this.computedValue : '');
     }
 
     protected get size(): TuiSizeL | TuiSizeS {

diff --git a/projects/legacy/components/input-phone/input-phone.component.ts b/projects/legacy/components/input-phone/input-phone.component.ts
@@ -161,7 +161,7 @@ export class TuiInputPhoneComponent
 
     public override writeValue(value: string | null): void {
         super.writeValue(value);
-        this.nativeValue = maskitoTransform(value || '', this.maskOptions);
+        this.nativeValue = maskitoTransform(this.value || '', this.maskOptions);
         this.updateSearch('');
     }
 

diff --git a/projects/legacy/components/input-time/input-time.component.ts b/projects/legacy/components/input-time/input-time.component.ts
@@ -139,7 +139,7 @@ export class TuiInputTimeComponent
 
     public override writeValue(value: TuiTime | null): void {
         super.writeValue(value);
-        this.nativeValue = value ? this.computedValue : '';
+        this.nativeValue = this.value ? this.computedValue : '';
     }
 
     public onValueChange(value: string): void {

diff --git a/projects/legacy/components/input-year/input-year.component.ts b/projects/legacy/components/input-year/input-year.component.ts
@@ -74,7 +74,7 @@ export class TuiInputYearComponent
 
     public override writeValue(value: number | null): void {
         super.writeValue(value);
-        this.updateNativeValue(value);
+        this.updateNativeValue(this.value);
     }
 
     protected get size(): TuiSizeL | TuiSizeS {