Nested grids for v2 are not behaving the same as in v1 #43707
Assignees
Labels
Comments
frekvent-szabolcs
added
the
status: waiting for maintainer
ZeeshanTamboli
added
bug 🐛
|
#43733 fixes this problem. See updated codesandbox. Note that the behavior where nested grids inherit properties from the parent grid requires them to be direct children of the parent grid. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Search keywords
grid
Latest version
Steps to reproduce
Link to live example.
Current behavior
Nesting a Grid container inside a Grid (item) previously (using v1) worked like v2 works when I wrap the nested Grid container in a fragment. Is this broken or expected behaviour?
Also, when I nest a Grid container inside a Grid item, lot of times (even in my example), the CSS variables are not defined:
Expected behavior
No response
Context
After migrating to v6 from v5, following the Guide I migrated Grid v1 to v2. Many of my grids broke. I either had to specify widths for the inner Grids or just add fragments between the parent end children grids.
Your environment
npx @mui/envinfoThe text was updated successfully, but these errors were encountered: