[Autocomplete] Prevent form submit with freeSolo and multiple

[michael-land]

https://codesandbox.io/s/vibrant-water-pepu1

[morijenab]

You can enable "required" tag in your textfield.
Do you expect the same behavior without using "reqiured" tag?

[oliviertassinari]

I think that this is a leftover during the initial implementation. I would propose the following diff:

diff --git a/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js b/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js
index 7a799b1b81..8baf322864 100644
--- a/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js
+++ b/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js
@@ -586,6 +586,10 @@ export default function useAutocomplete(props) {
             );
           }
         } else if (freeSolo && inputValueFilter !== '') {
+          if (multiple) {
+            // Allow people to add new values before they submit the form.
+            event.preventDefault();
+          }
           selectNewValue(event, inputValue);
         }
         break;

Does somebody want to work on a pull request? :)

[haseebdaone]

Hi I would like to give this a go and also this will be my first contribution ever

[oliviertassinari]

@haseebdaone You are good to go :)