diff --git a/src/pivot-table/components/cells/PseudoDimensionCell.tsx b/src/pivot-table/components/cells/PseudoDimensionCell.tsx
index 60daa3c6..b78eff18 100644
--- a/src/pivot-table/components/cells/PseudoDimensionCell.tsx
+++ b/src/pivot-table/components/cells/PseudoDimensionCell.tsx
@@ -29,8 +29,6 @@ interface LabelCellProps {
const getTextStyle = (clampCount: number): React.CSSProperties => ({
...textStyle,
- overflow: "hidden",
- textOverflow: "ellipsis",
...getLineClampStyle(clampCount),
});
@@ -75,7 +73,7 @@ const PseudoDimensionCell = ({
}}
data-testid={testId}
>
-
{cell.ref.qText}
-
+
{columnAdjuster}
);
diff --git a/src/pivot-table/components/cells/utils/get-dimension-cell-style.ts b/src/pivot-table/components/cells/utils/get-dimension-cell-style.ts
index 854d718d..a71deba8 100644
--- a/src/pivot-table/components/cells/utils/get-dimension-cell-style.ts
+++ b/src/pivot-table/components/cells/utils/get-dimension-cell-style.ts
@@ -155,8 +155,6 @@ export const getTextStyle = ({
...totalValueStyling,
...nullValueStyling,
...(isCellSelected && { color: selectedStyle.color }),
- overflow: "hidden",
- textOverflow: "ellipsis",
...getLineClampStyle(isLeftColumn ? styleService.grid.lineClamp : DEFAULT_LINE_CLAMP),
};
};
diff --git a/src/pivot-table/components/cells/utils/get-measure-cell-style.ts b/src/pivot-table/components/cells/utils/get-measure-cell-style.ts
index da17928b..6e90b38b 100644
--- a/src/pivot-table/components/cells/utils/get-measure-cell-style.ts
+++ b/src/pivot-table/components/cells/utils/get-measure-cell-style.ts
@@ -21,12 +21,6 @@ export const containerStyle: React.CSSProperties = {
justifyContent: "center",
};
-const getGridTextClampStyle = (clampCount: number): React.CSSProperties => ({
- overflow: "hidden",
- textOverflow: "ellipsis",
- ...getLineClampStyle(clampCount),
-});
-
export const getCellStyle = (
styleService: StyleService,
isNull: boolean,
@@ -62,7 +56,7 @@ export const getTextStyle = (
const { fontFamily, fontSize } = styleService.measureValues;
const sharedStyle = {
...textStyle,
- ...(!isNumeric && getGridTextClampStyle(styleService.grid.lineClamp)),
+ ...(!isNumeric && getLineClampStyle(styleService.grid.lineClamp)),
...(expressionColor && { color: expressionColor }),
alignSelf: "flex-start",
fontFamily,
diff --git a/src/pivot-table/components/shared-styles.ts b/src/pivot-table/components/shared-styles.ts
index 6612cbd0..94e417d6 100644
--- a/src/pivot-table/components/shared-styles.ts
+++ b/src/pivot-table/components/shared-styles.ts
@@ -48,6 +48,9 @@ export const getLineClampStyle = (clampCount: number): React.CSSProperties => ({
WebkitLineClamp: clampCount,
WebkitBoxOrient: "vertical",
lineBreak: "auto",
+ overflow: "hidden",
+ textOverflow: "ellipsis",
+ wordBreak: "break-all",
});
export const stickyCell: Pick = {
diff --git a/test/rendering/render.mjs-snapshots/scenario-2-chromium-linux.png b/test/rendering/render.mjs-snapshots/scenario-2-chromium-linux.png
index b31e29b4..e5a460b5 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-2-chromium-linux.png and b/test/rendering/render.mjs-snapshots/scenario-2-chromium-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-2-firefox-linux.png b/test/rendering/render.mjs-snapshots/scenario-2-firefox-linux.png
index 181ed4af..26f758fb 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-2-firefox-linux.png and b/test/rendering/render.mjs-snapshots/scenario-2-firefox-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-2-snapshot-chromium-linux.png b/test/rendering/render.mjs-snapshots/scenario-2-snapshot-chromium-linux.png
index 1473fcdc..b5b88ddc 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-2-snapshot-chromium-linux.png and b/test/rendering/render.mjs-snapshots/scenario-2-snapshot-chromium-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-2-snapshot-firefox-linux.png b/test/rendering/render.mjs-snapshots/scenario-2-snapshot-firefox-linux.png
index f94e1a3f..b8c5c287 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-2-snapshot-firefox-linux.png and b/test/rendering/render.mjs-snapshots/scenario-2-snapshot-firefox-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-9-chromium-linux.png b/test/rendering/render.mjs-snapshots/scenario-9-chromium-linux.png
index f22e174c..bbd175bd 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-9-chromium-linux.png and b/test/rendering/render.mjs-snapshots/scenario-9-chromium-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-9-firefox-linux.png b/test/rendering/render.mjs-snapshots/scenario-9-firefox-linux.png
index ed66afcd..ab414f8b 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-9-firefox-linux.png and b/test/rendering/render.mjs-snapshots/scenario-9-firefox-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-color-by-expression-chromium-linux.png b/test/rendering/render.mjs-snapshots/scenario-color-by-expression-chromium-linux.png
index 1496106e..ea3183c1 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-color-by-expression-chromium-linux.png and b/test/rendering/render.mjs-snapshots/scenario-color-by-expression-chromium-linux.png differ
diff --git a/test/rendering/render.mjs-snapshots/scenario-color-by-expression-firefox-linux.png b/test/rendering/render.mjs-snapshots/scenario-color-by-expression-firefox-linux.png
index 33df02d9..92d70dda 100644
Binary files a/test/rendering/render.mjs-snapshots/scenario-color-by-expression-firefox-linux.png and b/test/rendering/render.mjs-snapshots/scenario-color-by-expression-firefox-linux.png differ