MudBlazor/MudBlazor

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

Offen

#7.237 geöffnet am 20.07.2023

Auf GitHub ansehenContributor Guide
 (8 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)C# (1.631 Forks)batch import
bughas workaroundhelp wantedregression

Repository-Metriken

Stars
 (10.394 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 6T 6h) (108 gemergte PRs in 30 T)

Beschreibung

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-Richtung
Untersuchen Sie die CSS Eigenschaft 'overflow: clip', die auf den MudDataGrid Container angewendet wird. Finden Sie, wo dieser Stil gesetzt ist, und erwägen Sie, ihn in 'overflow: auto' zu ändern oder einen bedingten Ansatz zu wählen, der das Verhalten der festen Spalten beibehält, ohne das vertikale Scrollen zu beeinträchtigen. Überprüfen Sie das CSS der Komponente und etwaige JavaScript Interop.
Tech Stack
csharp
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
C#Blazor
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60