fix(ui5-textarea): adjust width in high contrast themes (#12267)

ndeshev · web-flow · commit 89e86cead5d6 · 2025-09-09T20:38:41.000+03:00
* fix(ui5-textarea): adjust width in high contrast themes fixes: #12229
diff --git a/packages/main/src/themes/TextArea.css b/packages/main/src/themes/TextArea.css
@@ -140,7 +140,7 @@
 :host([growing]) .ui5-textarea-inner {
 	box-sizing: border-box;
 	height: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));
-	width: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));
+	width: var(--_ui5_textarea_inner_width, calc(100% - (2 * var(--_ui5_textarea_wrapper_padding))));
 	position: absolute;
 }
 
diff --git a/packages/main/src/themes/base/TextArea-parameters.css b/packages/main/src/themes/base/TextArea-parameters.css
@@ -27,6 +27,7 @@
 	--_ui5_textarea_success_wrapper_padding: 0;
 	--_ui5_textarea_warning_error_wrapper_padding: 0;
 	--_ui5_textarea_information_wrapper_padding: 0;
+	--_ui5_textarea_inner_width: 100%;
 	--_ui5_textarea_padding_right_and_left: 0.5625rem;
 	--_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
 	--_ui5_textarea_padding_right_and_left_information: 0.5rem;
diff --git a/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css b/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css
@@ -19,6 +19,7 @@
 	--_ui5_textarea_padding_right_and_left: 0.5rem;
 	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
 	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
+	--_ui5_textarea_inner_width: 100%;
 }
 
 [data-ui5-compact-size],
diff --git a/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css b/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css
@@ -19,6 +19,7 @@
 	--_ui5_textarea_padding_right_and_left: 0.5rem;
 	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
 	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
+	--_ui5_textarea_inner_width: 100%;
 }
 
 [data-ui5-compact-size],
diff --git a/packages/main/src/themes/sap_horizon/TextArea-parameters.css b/packages/main/src/themes/sap_horizon/TextArea-parameters.css
@@ -20,6 +20,7 @@
 	--_ui5_textarea_success_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_warning_error_wrapper_padding:  0.0625rem 0.0625rem 0.125rem 0.0625rem;
 	--_ui5_textarea_information_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
+	--_ui5_textarea_inner_width: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));
 	--_ui5_textarea_padding_top: 0.5rem;
 	--_ui5_textarea_padding_bottom: 0.4375rem;
 	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
diff --git a/packages/main/src/themes/sap_horizon_dark/TextArea-parameters.css b/packages/main/src/themes/sap_horizon_dark/TextArea-parameters.css
@@ -20,6 +20,7 @@
 	--_ui5_textarea_success_wrapper_padding: 0.0625rem;
 	--_ui5_textarea_warning_error_wrapper_padding:  0.0625rem 0.0625rem 0.125rem 0.0625rem;
 	--_ui5_textarea_information_wrapper_padding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
+	--_ui5_textarea_inner_width: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));
 	--_ui5_textarea_padding_top: 0.5rem;
 	--_ui5_textarea_padding_bottom: 0.4375rem;
 	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
diff --git a/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css b/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css
@@ -23,6 +23,7 @@
 	--_ui5_textarea_padding_right_and_left: 0.5rem;
 	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
 	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
+	--_ui5_textarea_inner_width: 100%;
 }
 
 [data-ui5-compact-size],
diff --git a/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css b/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css
@@ -23,6 +23,7 @@
 	--_ui5_textarea_padding_right_and_left: 0.5rem;
 	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
 	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
+	--_ui5_textarea_inner_width: 100%;
 }
 
 [data-ui5-compact-size],

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@`
`140`	`140`	`:host([growing]) .ui5-textarea-inner {`
`141`	`141`	`box-sizing: border-box;`
`142`	`142`	`height: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));`
`143`		`- width: calc(100% - (2 * var(--_ui5_textarea_wrapper_padding)));`
	`143`	`+ width: var(--_ui5_textarea_inner_width, calc(100% - (2 * var(--_ui5_textarea_wrapper_padding))));`
`144`	`144`	`position: absolute;`
`145`	`145`	`}`
`146`	`146`
Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,7 @@`
`19`	`19`	`--_ui5_textarea_padding_right_and_left: 0.5rem;`
`20`	`20`	`--_ui5_textarea_padding_right_and_left_information: 0.5625rem;`
`21`	`21`	`--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;`
	`22`	`+ --_ui5_textarea_inner_width: 100%;`
`22`	`23`	`}`
`23`	`24`
`24`	`25`	`[data-ui5-compact-size],`
Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@`
`23`	`23`	`--_ui5_textarea_padding_right_and_left: 0.5rem;`
`24`	`24`	`--_ui5_textarea_padding_right_and_left_information: 0.5625rem;`
`25`	`25`	`--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;`
	`26`	`+ --_ui5_textarea_inner_width: 100%;`
`26`	`27`	`}`
`27`	`28`
`28`	`29`	`[data-ui5-compact-size],`