[Autocomplete] Add ability to override/compose key down events in autocomplete

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Developer should have ability to override or compose default onKeyDown functionality

Examples 🌈

Currently when i specify custom onKeyDown prop i’ll get default functionality executed and only then the one i provided.

It makes not possible to override or compose default functionality for specific key pressed.

What i want to be able to do is:

<Autocomplete {...props} onKeyDown={(event, originalHandler) => {
  if (['Enter', 'ArrowLeft'].includes(event.key)) {
    customHandler(event);
  } else {
    originalHandler(event)
  }
}}>

Motivation 🔦

Motivation is to have ability to override default behaviour for specific event Keys.

Possible use case:

• Need to be able to select options in dropdown with Space key and on Enter key drop down should close and blur out

const onKeyDown = (event, originalFn) => {
  switch(event.key) {
    case 'Enter':
       submitChangesAndFocusOut();
       brake;
    case 'Space':
      selectFocusedItem();
      brake;
     default:
        originalFn(event);
  }
}

<Autocomplete {...props} onKeyDown={onKeyDown}>

[oliviertassinari]

@ivan-jelev Interesting, we have seen a similar concern raised in #19500. What do you think of my proposal at https://github.com/mui-org/material-ui/issues/19500#issuecomment-580867606? I think that we could move forward with it 😃.

[marcosvega91]

Yes right as i said in the previous comment i didn’t read the case well.

So i can create a PR for this 😃