[data grid] Difference in cell tab&select behavior between v5 and v6 about mui-x HOT 3 OPEN

The UX seems better for fully highlighted text, I'd be in favor of restoring that behavior.

from mui-x.

This is actually different than the normal input behavior where an input that has text in it will select all of the text on focus. At first I thought this is a requirement for accessibility by WCAG standard, but it actually is not. From the WCAG docs:

• When text fields receive focus, a vertical bar is displayed in the field, indicating that the user can insert text, OR all of the text is highlighted, indicating that the user can type over the text.
• When a user interface control receives focus, a visible border is displayed around it.

In our case we support this standard by the second option already, so from a accessibility standpoint there is no need for action.

From a UX perspective this is a bit different and, IMO, highly opinionated. I myself do not like it when the text is selected in full when receiving focus.

If you still want to go back to the previous behaviour you could do this in 2 ways:

1. Create your own custom edit component, where you have full control over the focus and all related events
2. listen on the editing events, rowEditStart/cellEditStart. From there you can grab the input and select all text.

Option 2 is honestly a bit harder to accomplish.
Keep in mind that you are responsible for the tab-sequence when you provide custom components in the renderEditCell method. For reference: Tab sequence

Anything to add @MBilalShafi @romgrk ?

from mui-x.

In that case I will add this to the board

from mui-x.