Skip to content

[EuiDataGrid] Cell text content visible below truncation when using fontSize: "s" #7780

@davismcphee

Description

@davismcphee

When using fontSize: "s" in the EUI data grid gridStyle prop, extra text content is visible below where the truncation occurs.

Discover:
image

EUI examples:
overflow

MRE: https://codesandbox.io/p/sandbox/fervent-khayyam-lfppgv?file=%2Fdemo.js

From a quick search, it looks like this may be related to the -webkit-line-clamp CSS property plus the cell content element's padding resulting in more content being visible than expected: https://stackoverflow.com/questions/70211893/why-is-line-clamp-not-working-with-padding.

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions