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.08k stars 1.26k forks source link

Avoid making popovers go offscreen for x-data-grid #10254

Open cmdcolin opened 1 year ago

cmdcolin commented 1 year ago

Duplicates

Latest version

Summary 💡

Currently, the x-data-grid dropdowns can go offscreen if the contents of the grid are small and it is near the bottom of the page. I propose this issue as an enhancement, because it is somewhat uncommon for this but it would be a "nice to fix", but it could be considered a bug perhaps also.

Examples 🌈

Live instance here https://codesandbox.io/s/hardcore-grass-wv8ywz?file=/demo.tsx

Click on the "columns" button, and can observe it going off the page

image

It shows how the issue can occur in both a dialog and on a regular page (after the lorem ipsum)

Motivation 🔦

We currently have a x-data-grid that can have small numbers of rows at the bottom of a screen, and it is hard to properly get the dropdowns to stay on the page without adding extra whitespace to the bottom of the page. This is kind of a niche use case so could close if out of scope.

Order ID 💳 (optional)

No response

DanailH commented 1 year ago

Ah ok, interestingly this doesn't happen with the column menu but it does happen with the filter and manage columns one

gitstart commented 11 months ago

@cmdcolin @DanailH @zannager we would like to pick this up

romgrk commented 10 months ago

Go ahead. Not sure about the complexity of this one.

sprice237 commented 1 month ago

Any progress on this?