fix: resolve NG0100 runtime error caused by initial readonly state (#…

…2986) Signed-off-by: Akshat Patel <[email protected]>
carbon-design-system · Sep 3, 2024 · 070bf4d · 070bf4d · marboss · Sep 4, 2024
1 parent 25fff55
commit 070bf4d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/input/password-input-label.component.ts b/src/input/password-input-label.component.ts
@@ -209,7 +209,7 @@ export class PasswordInputLabelComponent extends BaseIconButton implements After
 	@HostBinding("class.cds--password-input-wrapper") passwordInputWrapper = true;
 	@HostBinding("class.cds--text-input-wrapper") textInputWrapper = true;
 	@HostBinding("class.cds--text-input-wrapper--readonly") get isReadonly() {
-		return this.wrapper?.nativeElement.querySelector("input")?.readOnly;
+		return this.wrapper?.nativeElement.querySelector("input")?.readOnly ?? false;
 	}
 
 	/**

diff --git a/src/input/text-input-label.component.ts b/src/input/text-input-label.component.ts
@@ -139,7 +139,7 @@ export class TextInputLabelComponent implements AfterViewInit {
 	@HostBinding("class.cds--form-item") labelClass = true;
 
 	@HostBinding("class.cds--text-input-wrapper--readonly") get isReadonly() {
-		return this.wrapper?.nativeElement.querySelector("input")?.readOnly;
+		return this.wrapper?.nativeElement.querySelector("input")?.readOnly ?? false;
 	}
 
 	/**