From 02296d688f45c4abb638a99d98d5f3be52afc8a7 Mon Sep 17 00:00:00 2001
From: Teodor Taushanov <teodor.taushanov@sap.com>
Date: Wed, 27 May 2026 15:46:58 +0300
Subject: [PATCH] fix(ui5-expandable-text): inherit white-space

---
 packages/main/src/themes/ExpandableText.css  |  1 +
 packages/main/test/pages/ExpandableText.html | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/main/src/themes/ExpandableText.css b/packages/main/src/themes/ExpandableText.css
index 063074bd6054..e907eb1b679a 100644
--- a/packages/main/src/themes/ExpandableText.css
+++ b/packages/main/src/themes/ExpandableText.css
@@ -11,6 +11,7 @@
 
 .ui5-exp-text-text {
 	display: inline;
+	white-space: inherit;
 }
 
 .ui5-exp-text-text,
diff --git a/packages/main/test/pages/ExpandableText.html b/packages/main/test/pages/ExpandableText.html
index b462c0147c88..9c1a9d81a35d 100644
--- a/packages/main/test/pages/ExpandableText.html
+++ b/packages/main/test/pages/ExpandableText.html
@@ -27,10 +27,10 @@ <h3>max-characters=9999</h3>
 
 	<h3>max-characters=0</h3>
 	<ui5-expandable-text max-characters="0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac risus nec lorem pretium fringilla. Sed non eros nec nisl vehicula finibus. Suspendisse potenti. Quisque nec odio et est pharetra semper. Nullam nec ligula in risus laoreet pulvinar. Nullam et turpis ac eros viverra facilisis. Nullam et turpis ac eros viverra facilisis"></ui5-expandable-text>
-	
+
 	<h3>max-characters=-1</h3>
 	<ui5-expandable-text max-characters="-1" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac risus nec lorem pretium fringilla. Sed non eros nec nisl vehicula finibus. Suspendisse potenti. Quisque nec odio et est pharetra semper. Nullam nec ligula in risus laoreet pulvinar. Nullam et turpis ac eros viverra facilisis. Nullam et turpis ac eros viverra facilisis"></ui5-expandable-text>
-	
+
 	<h3>overflowMode=Popover</h3>
 	<ui5-expandable-text max-characters="150" overflow-mode="Popover" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac risus nec lorem pretium fringilla. Sed non eros nec nisl vehicula finibus. Suspendisse potenti. Quisque nec odio et est pharetra semper. Nullam nec ligula in risus laoreet pulvinar. Nullam et turpis ac eros viverra facilisis. Nullam et turpis ac eros viverra facilisis"></ui5-expandable-text>
 
@@ -49,4 +49,10 @@ <h3>Off, with Text</h3>
 
 	<h3>RTL</h3>
 	<ui5-expandable-text dir="rtl" text="וְאָהַבְתָּ אֵת יְיָ | אֱלֹהֶיךָ, בְּכָל-לְבָֽבְךָ, וּבְכָל-נַפְשְׁךָ, וּבְכָל-מְאֹדֶֽךָ. וְהָיוּ הַדְּבָרִים הָאֵלֶּה, אֲשֶׁר | אָֽנֹכִי מְצַוְּךָ" max-characters="50"></ui5-expandable-text>
+
+	<h2>Whitespaces</h2>
+	<ui5-expandable-text style="white-space: break-spaces" text="Simple
+
+	text"></ui5-expandable-text>
+</body>
 </html>