Steps to reproduce

Steps:

1. Open this link to your example for https://mui.com/x/react-data-grid/editing/#full-featured-crud in stackblitz
2. add density="compact" to the DataGrid props
3. edit a Department cell

Current behavior

-> input overflows the cell

Expected behavior

Steps (example w/o that issue):

1. Open this link to your example for https://mui.com/x/react-data-grid/recipes-editing/#conditional-validation in stackblitz
2. add density="compact" to the DataGrid props
3. edit a Payment method cell
   -> input NOT overflowing the cell

Context

this comes from

.MuiDataGrid-cell--editing .MuiInputBase-root {
      height: 100%
}

being set in the sx in the latter example but not in the former. one So it seems that this 100% editing height should be the default rather than requiring to set it manually.

cost me 2h to find out what was wrong. so if it's atm not a bug but the intended behavior, it would be nice document that better

Your environment

doesn't matter. happens in official examples

Search keywords: MuiDataGrid-cell--editing

Order ID: 116195