search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
4.11k stars 1.27k forks source link

[data grid] Scrollbar overlap #13286

Open oliviertassinari opened 4 months ago

oliviertassinari commented 4 months ago

Steps to reproduce

Link to live example: (required)

Steps:

  1. Open https://mui.com/x/react-data-grid/
  2. See:
SCR-20240528-uqyk

Current behavior

Strange overlap

Expected behavior

SCR-20240529-bdpu SCR-20240529-bbka

Context

I saw this from https://github.com/mui/mui-x/issues/510

romgrk commented 4 months ago

It was intentional, during the sticky change. The design works well with row pinning, and it avoided having to find a matching color for the small square at the end of both scrollbars, which needs to be filled with a solid color.

image

oliviertassinari commented 2 months ago

The UX on Windows:

SCR-20240710-symn

The design works well with row pinning

@romgrk True, this works well in this configuration. It's not a big priority, it could be left unsolved for a while.

it avoided having to find a matching color for the small square at the end of both scrollbars, which needs to be filled with a solid color.

I imagine the color of the small square should be the same as used for column / row pinning.