Merge pull request #1789 from AnhVu23/fix-tooltip-overflow

Fix tooltip overflow when displaying long title without space
Shopify · Feb 3, 2025 · 7a02eb8 · 7a02eb8
2 parents a648037 + 6d25507
commit 7a02eb8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/polaris-viz/CHANGELOG.md b/packages/polaris-viz/CHANGELOG.md
@@ -37,6 +37,7 @@ and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 ### Fixed
 
 - Double formatting in Donut Chart label calculations
+- Changed `<TooltipTitle />` to avoid overflow when displaying long titles without spaces.
 
 ## [15.6.1] - 2024-12-18
 

diff --git a/packages/polaris-viz/src/components/TooltipContent/components/TooltipTitle/TooltipTitle.scss b/packages/polaris-viz/src/components/TooltipContent/components/TooltipTitle/TooltipTitle.scss
@@ -3,4 +3,5 @@
   font-weight: 500;
   line-height: 20px;
   margin: 0;
+  overflow-wrap: break-word;
 }