Submitting form when pressing 'enter' key

Hey guys

I noticed that when you use the enter key to select an option in the component (react-autosuggest), the form that holds that component gets submitted, does anyone know how to disable or change this behavior?

happening on version ^9.3.1.

[rpiaggio]

In case it helps anyone:

We managed to keep form submission on ENTER but prevent it if ENTER was used to choose a suggestion by keeping track of whether an option is selected or not via onSuggestionHighlighted. If an option is selected, then ENTER is prevented from submitting the form as described above.

[somaholiday]

@charlesrochati I prevented submit of our form (also using redux-form) by passing an onKeyDown handler in to the inputProps prop on Autosuggest:

onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
  switch (event.keyCode) {
  ...
    case KeyCodes.ENTER: {
      event.preventDefault();
    }
  ...
  }
};

render() {
  ...

  const inputProps = {
    ...
    onKeyDown: this.onKeyDown,
  };

  return (
    <Autosuggest
      suggestions={suggestions}
      onSuggestionsFetchRequested={this.onSuggestionsFetchRequested}
      onSuggestionsClearRequested={this.onSuggestionsClearRequested}
      onSuggestionSelected={this.onSuggestionSelected}
      onSuggestionHighlighted={this.onSuggestionHighlighted}
      getSuggestionValue={this.getSuggestionValue}
      renderSuggestion={this.renderSuggestion}
      inputProps={inputProps}
      highlightFirstSuggestion={true}
      theme={autosuggestTheme}
    />
  );
}