I have a MUI Data Grid where the user is allowed to cell edit values.
One of the cells render a MUI Dialog via renderEditCell. In that dialog there are several input fields (MUI TextField) which I want to be able to tab through.

My problem now is, that as soon as I tab to the next field, the dialog is closed because the next cell of the data grid is focused.

I’ve tried to ignore the tab key in onCellEditStop with event.defaultMuiPrevent = true. With that, the dialog no longer closes, but the focus doesn’t switch to the next input field. As far as I understood, I think this is because the event is first handled in the parent and thus the default is also prevented within the dialog.

I have a minimal reproducible example here (relevant code in onCellEditStop is commented out).