search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.93k stars 32.27k forks source link

Grid component not working for JoyUI #44102

Open david-pivonka opened 4 weeks ago

david-pivonka commented 4 weeks ago

Steps to reproduce

Link to live example: (required) https://codesandbox.io/embed/f4kt4q?module=/src/Demo.tsx&fontsize=12

Steps:

  1. Go to https://mui.com/joy-ui/react-grid/#basics
  2. Open the code in CodeSandbox: https://cloud.pivonka.io/BbCvPyXM
  3. See the Grid not working for JoyUI

Current behavior

The Grid is not working as expected for the JoyUI. The Grid component adds only padding around each child grid component, without any other sizing.

Expected behavior

JoyUIs Grid component should work like the MaterialUI component does, i.e. here: https://codesandbox.io/embed/9xswhw?module=/src/Demo.tsx&fontsize=12

Context

No response

Your environment

npx @mui/envinfo ``` System: OS: Linux 6.10 Debian GNU/Linux 12 (bookworm) 12 (bookworm) Binaries: Node: 22.9.0 - /usr/local/bin/node npm: 10.8.3 - /usr/local/bin/npm pnpm: Not Found Browsers: Chrome: Not Found npmPackages: @emotion/react: ^11.13.3 => 11.13.3 @emotion/styled: ^11.13.0 => 11.13.0 @mui/base: 5.0.0-beta.40 @mui/core-downloads-tracker: 5.16.7 @mui/icons-material: ^6.1.0 => 6.1.2 @mui/joy: 5.0.0-beta.48 @mui/material: ^5.3.1 => 5.16.7 @mui/material-nextjs: ^6.1.0 => 6.1.2 @mui/private-theming: 5.16.6 @mui/styled-engine: 5.16.6 @mui/system: 5.16.7 @mui/types: 7.2.17 @mui/utils: 5.16.6 @types/react: ^18.3.5 => 18.3.5 react: ^18.3.1 => 18.3.1 react-dom: ^18.3.1 => 18.3.1 typescript: ^5.1.6 => 5.1.6 ```

Search keywords: grid, joy

siriwatknp commented 2 days ago

Thanks for reporting the issue! Joy UI development is temporarily on hold as the maintainers focus on the next two major releases of Material UI