carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://carbon-for-ibm-products.netlify.app/
Apache License 2.0
83 stars 117 forks source link

Setting Datagrid column widths can cause content to be hidden #4988

Open lee-chase opened 3 weeks ago

lee-chase commented 3 weeks ago

Package

Carbon for IBM Products

Description

Content in columns to right of child rows not hidden.

Currently

image

With a simple bit of CSS

.#{$block-class}__table .#{c4p-config.$pkg-prefix}--datagrid__cell:not(:first-child) {
  z-index: 1;
}
image

Component(s) impacted

Datagrid

Browser

Chrome

@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version

2.32.0

Severity

Severity 1 = The design is broken in a critical way that blocks users from completing tasks or damages the brand. Affects major functionality, no workaround.

Product/offering

AppEngine

CodeSandbox or Stackblitz example

N/A

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct