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