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!
I am looking for a way to add a transition to the the DataGrid GridColumnsPanel and GridFilterPanel components when they are opened and closed.
At the moment, by default, menus such as the column menu, density menu and export menu all have smooth transitions applied to them, it seems like an inconsistency that when opening GridColumnsPanel and GridFilterPanel there is no transition applied and they render in and out abruptly without a transition.
Any help regarding this would be greatly appreciated,
Order ID or Support key 💳 (optional)
70294
The problem in depth 🔍
I am looking for a way to add a transition to the the DataGrid GridColumnsPanel and GridFilterPanel components when they are opened and closed.
At the moment, by default, menus such as the column menu, density menu and export menu all have smooth transitions applied to them, it seems like an inconsistency that when opening GridColumnsPanel and GridFilterPanel there is no transition applied and they render in and out abruptly without a transition.
Any help regarding this would be greatly appreciated,
thanking you Sameer Ali
Your environment 🌎
`npx @mui/envinfo`
``` System: OS: Windows 10 10.0.22621 Binaries: Node: 16.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: Not Found Edge: Spartan (44.22621.1992.0), Chromium (115.0.1901.188) npmPackages: @emotion/react: ^11.10.4 => 11.11.0 @emotion/styled: ^11.10.4 => 11.11.0 @mui/base: 5.0.0-beta.2 @mui/core-downloads-tracker: 5.13.2 @mui/icons-material: ^5.10.9 => 5.11.16 @mui/lab: ^5.0.0-alpha.117 => 5.0.0-alpha.131 @mui/material: ^5.11.5 => 5.13.2 @mui/private-theming: 5.13.1 @mui/styled-engine: 5.13.2 @mui/system: 5.13.2 @mui/types: 7.2.4 @mui/utils: 5.13.7 @mui/x-data-grid: ^6.2.1 => 6.10.0 @mui/x-data-grid-pro: ^6.10.0 => 6.10.0 @mui/x-date-pickers: ^5.0.8 => 5.0.20 (6.5.0) @mui/x-license-pro: 6.10.0 @types/react: 18.2.7 react: ^18.2.0 => 18.2.0 react-dom: ^18.2.0 => 18.2.0 typescript: 4.9.5 ```