From 94d9e21127a02a03134a22737672c4eef47329e0 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 11 Nov 2025 17:18:16 +0100 Subject: [PATCH 1/3] test(VRT): add regression story and VRT images (before state) --- ...ntent_EuiBasicTable_Large_Expanded_Row.png | Bin 0 -> 25256 bytes ...ntent_EuiBasicTable_Large_Expanded_Row.png | Bin 0 -> 19228 bytes .../basic_table/basic_table.stories.tsx | 27 ++++++++++++++++++ 3 files changed, 27 insertions(+) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png new file mode 100644 index 0000000000000000000000000000000000000000..60a489eb18e9cc1f76c52bc4f9703747bb0f1046 GIT binary patch literal 25256 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 literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png new file mode 100644 index 0000000000000000000000000000000000000000..30b6a24e7f35def7477eafd14998ee554efbb8ae GIT binary patch literal 19228 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 S!XvORz~$t*6Zqr)H~$+qQRZj> literal 0 HcmV?d00001 diff --git a/packages/eui/src/components/basic_table/basic_table.stories.tsx b/packages/eui/src/components/basic_table/basic_table.stories.tsx index 5c8e98e9734..9f7b99b3d0f 100644 --- a/packages/eui/src/components/basic_table/basic_table.stories.tsx +++ b/packages/eui/src/components/basic_table/basic_table.stories.tsx @@ -7,6 +7,7 @@ */ import React, { useCallback, useEffect, useState } from 'react'; +import { css } from '@emotion/react'; import type { Meta, StoryObj } from '@storybook/react'; import { action } from '@storybook/addon-actions'; import { faker } from '@faker-js/faker'; @@ -367,6 +368,32 @@ export const HighContrastMobile: Story = { }, }; +export const LargeExpandedRow: Story = { + tags: ['vrt-only'], + args: { + tableCaption: 'EuiBasicTable playground', + items: users, + itemId: 'id', + rowHeader: 'firstName', + columns, + css: css` + margin-block-start: -300px; + `, + itemIdToExpandedRowMap: { + 1: ( +
+ Expanded row 1 +

lorem ipsum dolor sit

+
+ ), + }, + }, +}; + const StatefulPlayground = ({ items, pagination, From 9d0a6677d4549ab6eda83bcf9981ffee1d71ecdf Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 11 Nov 2025 17:18:28 +0100 Subject: [PATCH 2/3] fix: update table row clip-path styling - 100vh would clip for content that's heighter than the viewport. instead we need to use min 100%; we're using 150% to ensure there is a buffer for e.g. the shadow and overflowing content --- ...ntent_EuiBasicTable_Large_Expanded_Row.png | Bin 19228 -> 20406 bytes .../src/components/table/table_row.styles.ts | 4 ++-- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiBasicTable_Large_Expanded_Row.png index 30b6a24e7f35def7477eafd14998ee554efbb8ae..6f7b319e0083804b97a4c4e8b16dcc1f1f6beb2d 100644 GIT binary patch literal 20406 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 S!XvORz~$t*6Zqr)H~$+qQRZj> diff --git a/packages/eui/src/components/table/table_row.styles.ts b/packages/eui/src/components/table/table_row.styles.ts index 94f88f22bd7..31b876f9541 100644 --- a/packages/eui/src/components/table/table_row.styles.ts +++ b/packages/eui/src/components/table/table_row.styles.ts @@ -159,9 +159,9 @@ export const euiTableRowStyles = (euiThemeContext: UseEuiTheme) => { ${logicalCSS('border-top', 'none')} } - /* prevent the shadow from overlapping; + /* prevent the shadow from overlapping; uses 150% to add buffer for overflowing content NOTE: we might want to consider refactoring tables to use tbody grouping to apply styles for a row group */ - clip-path: polygon(-50% 0, 150% 0, 150% 100vh, -50% 100vh); + clip-path: polygon(-50% 0, 150% 0, 150% 150%, -50% 150%); > .euiTableRowCell { ${logicalCSS('width', '100%')} From 6e2613e843a96b090284983dfe79d429721b806a Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 11 Nov 2025 17:26:45 +0100 Subject: [PATCH 3/3] chore: add changelog --- packages/eui/changelogs/upcoming/9206.md | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 packages/eui/changelogs/upcoming/9206.md diff --git a/packages/eui/changelogs/upcoming/9206.md b/packages/eui/changelogs/upcoming/9206.md new file mode 100644 index 00000000000..499b7c691d7 --- /dev/null +++ b/packages/eui/changelogs/upcoming/9206.md @@ -0,0 +1,4 @@ +**Bug fixes** + +- Fixed a visual bug in `EuiTable` where long table row content would be cut off on mobile screens +