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.56k stars 1.33k forks source link

[DataGrid] MUI datagrid filter popup causes horizontal scrolling and extends further from website limits on mobile #6143

Open maio4 opened 2 years ago

maio4 commented 2 years ago

Duplicates

Latest version

Current behavior 😯

When clicking on the filter button in the DataGrid , the popup doesn't adjust to the screen limits and causes horizontal scrolling. This image represents this page: https://v4.mui.com/components/data-grid/filtering/ image

Expected behavior 🤔

I guess the expected behavior is some sort of wrapping of this component.

Steps to reproduce 🕹

Steps:

  1. Click on the filter button in the DataGrid on mobile

Context 🔦

No response

Your environment 🌎

No response

alexfauquette commented 2 years ago

Yes, the filter panel has a min-width. You can customize the filter panel CSS to override this behavior

Somewhat liked to the RFC #3719 About having a new design for filter panel