- fix has-focus state for ion-valid and ion-invalid;

JoaoFerreira-FrontEnd · JoaoFerreira-FrontEnd · commit 91ca7539ab05 · 2025-09-23T15:47:54.000+01:00
diff --git a/core/src/components/textarea/textarea.ionic.outline.scss b/core/src/components/textarea/textarea.ionic.outline.scss
@@ -60,6 +60,14 @@
   margin-top: globals.$ion-space-100;
 }
 
+// Focus
+// ----------------------------------------------------------------
+
+:host(.textarea-fill-outline.has-focus.ion-valid),
+:host(.textarea-fill-outline.ion-touched.ion-invalid) {
+  --border-color: var(--highlight-color);
+}
+
 // Ionic Textarea - Readonly
 // ----------------------------------------------------------------
 
diff --git a/core/src/components/textarea/textarea.ionic.solid.scss b/core/src/components/textarea/textarea.ionic.solid.scss
@@ -35,8 +35,11 @@
   --border-color: #{globals.$ion-border-focus-default};
 }
 
-:host(.textarea-fill-solid.has-focus.ion-valid) {
+:host(.textarea-fill-solid.has-focus.ion-valid),
+:host(.textarea-fill-solid.ion-touched.ion-invalid) {
+  
   --border-width: #{globals.$ion-border-size-050};
+  --border-color: var(--highlight-color);
 }
 
 // Ionic Textarea - Readonly

Original file line number	Diff line number	Diff line change
`@@ -35,8 +35,11 @@`
`35`	`35`	`--border-color: #{globals.$ion-border-focus-default};`
`36`	`36`	`}`
`37`	`37`
`38`		`-:host(.textarea-fill-solid.has-focus.ion-valid) {`
	`38`	`+:host(.textarea-fill-solid.has-focus.ion-valid),`
	`39`	`+:host(.textarea-fill-solid.ion-touched.ion-invalid) {`
	`40`	`+`
`39`	`41`	`--border-width: #{globals.$ion-border-size-050};`
	`42`	`+ --border-color: var(--highlight-color);`
`40`	`43`	`}`
`41`	`44`
`42`	`45`	`// Ionic Textarea - Readonly`