added display as grid

[wewakekumar]

Issue #37129

• [x] I have followed (at least) the PR section of the contributing guide.

Chrome SS: Edge SS:

[mui-bot]

Netlify deploy preview

https://deploy-preview-37146--material-ui.netlify.app/

Bundle size report

Details of bundle changes

Generated by :no_entry_sign: dangerJS against 9e9e22d1618d8174768bc52b27a9ba3162c7f890

[wewakekumar]

@siriwatknp Can you please help me in resolving this test_lint check failure?

[siriwatknp]

@siriwatknp Can you please help me in resolving this test_lint check failure?

All done! I changed to removing the align-items: stretch instead of using display: grid.

[Studio384]

Since this is the only change to Joy that does something with inputs, I'll assume this is causing this, but every time a browser now autofills an input, the background color applied no longer stretches the full input:

This works fine with the exact same code in alpha 78.

[siriwatknp]

Since this is the only change to Joy that does something with inputs, I'll assume this is causing this, but every time a browser now autofills an input, the background color applied no longer stretches the full input:

Thanks for reporting the issue. It is a regression and now I know why I added align-items: stretch 😅.

Can you please open an issue? @Studio384