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

Akshat55 · web-flow · commit 070bf4d7e52d · 2024-09-03T10:55:24.000-04:00
Signed-off-by: Akshat Patel &lt;akshat@live.ca&gt;
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;
 	}
 
 	/**

Original file line number	Diff line number	Diff line change
`@@ -209,7 +209,7 @@ export class PasswordInputLabelComponent extends BaseIconButton implements After`
`209`	`209`	`@HostBinding("class.cds--password-input-wrapper") passwordInputWrapper = true;`
`210`	`210`	`@HostBinding("class.cds--text-input-wrapper") textInputWrapper = true;`
`211`	`211`	`@HostBinding("class.cds--text-input-wrapper--readonly") get isReadonly() {`
`212`		`- return this.wrapper?.nativeElement.querySelector("input")?.readOnly;`
	`212`	`+ return this.wrapper?.nativeElement.querySelector("input")?.readOnly ?? false;`
`213`	`213`	`}`
`214`	`214`
`215`	`215`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -139,7 +139,7 @@ export class TextInputLabelComponent implements AfterViewInit {`
`139`	`139`	`@HostBinding("class.cds--form-item") labelClass = true;`
`140`	`140`
`141`	`141`	`@HostBinding("class.cds--text-input-wrapper--readonly") get isReadonly() {`
`142`		`- return this.wrapper?.nativeElement.querySelector("input")?.readOnly;`
	`142`	`+ return this.wrapper?.nativeElement.querySelector("input")?.readOnly ?? false;`
`143`	`143`	`}`
`144`	`144`
`145`	`145`	`/**`