MudBlazor/MudBlazor

MudDataGrid: Vertical scroll is broken with fixed height and sticky columns

Open

#7,237 opened on Jul 20, 2023

View on GitHub
 (8 comments) (4 reactions) (0 assignees)C# (1,631 forks)batch import
bughas workaroundhelp wantedregression

Repository metrics

Stars
 (10,394 stars)
PR merge metrics
 (Avg merge 6d 6h) (108 merged PRs in 30d)

Description

Bug type

Component

Component name

MudDataGrid

What happened?

A Datagrid with fixed height, sticky column and horizontal scroll bar does not scroll vertically. Disableling the "overflow: clip;" in developer settings fixes this behaviour.

Expected behavior

Table should scroll vertically

Reproduction link

https://try.mudblazor.com/snippet/ckcdEURkRHtKRape

Reproduction steps

  1. Create DataGrid with fixed height, sticky column and horizontal scroll bar
  2. Execute and try to scroll vertically

Relevant log output

No response

Version (bug)

6.5.0 and further

Version (working)

6.4.1

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge

On what operating system are you experiencing the issue?

Windows

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributor guide

Research direction
Investigate the CSS property 'overflow: clip' applied to the MudDataGrid container. Locate where this style is set and consider changing it to 'overflow: auto' or a conditional approach that preserves sticky columns behavior without breaking vertical scrolling. Check the component's CSS and any JavaScript interop.
Tech stack
csharp
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
C#Blazor
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60