Skip to content

[data grid] Floating label in filter header will show on top of scroll bar filler when there is pinned column on right side #18686

@linkfang

Description

@linkfang

Steps to reproduce

Steps:

  1. Open this link to live example: https://stackblitz.com/edit/p4xthfj1?file=src%2FDemo.tsx
  2. Scroll horizontally and see the scroll bar filler, when floating label passes by, it will show on top of it.
Image

Current behavior

When we pinned any column to right, the floating label in filter header will show on top of scroll bar filler.

Expected behavior

The floating label in filter header shouldn't show on top of scroll bar filler

Context

No response

Your environment

npx @mui/envinfo Trying Data Grid Pro to evaluate if we can replace our current data grid component. Still in trial, haven't purchased the license yet.
Browser: Microsoft Edge
Output failed...

Search keywords: filter header, scroll bar filler, pinned

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: data gridChanges related to the data grid.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions