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.16k stars 1.3k forks source link

[data grid] Scroll glitch with master detail #14906

Open PaltriPhema opened 2 weeks ago

PaltriPhema commented 2 weeks ago

Steps to reproduce

Link to live example: (required)

Steps: 1.Open detailPanel

  1. Scroll around 3.Glitches!

Current behavior

whenever i open the detail panel and try to move around, the scrolling glitches and it either goes all the way back up or keeps me from scrolling properly up and down

Expected behavior

no problem scrolling even when detail panel is open

Context

I'm trying to get MasterDetail inside a datagridpro. In this MasterDetail i'm trying to load another datagridpro. I set getDetailPanelHeight to auto. If i put a fixed value instead, the problem will happen only once: after scrolling me around once, it won't do it again

https://github.com/user-attachments/assets/8ac27558-3539-4aa6-aa5d-dd5233b882dc

I tried pasting (and using) the exact same code from https://mui.com/x/react-data-grid/master-detail/, changing the input data, but it still gives me this problem. We tried incrementing the number of rows present in the mui site and it gave us some kind of flicker there too

https://github.com/user-attachments/assets/e78bb4c4-5afa-4811-9702-0a55c33867d4

Your environment

No response

Search keywords: scrolling, detailpanelcontent, datagrid, master detail Order ID: 93705

KenanYusuf commented 2 weeks ago

Looks like it could be related to #14726