MultiSelect close button type not defined - Can lead to preventing a <form> from submitting

[manstir]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Current behavior
given a regular html form with a MultiSelect component from prime:

<form onSubmit={this.handleSubmit}>
  <MultiSelect value={...} options={...} />
  <input type="text" name="regularInput" value={...} onChange={...} />
  <button type="submit">submit</button>
</form>

if the cursor is in the "regularInput" field, the "Enter" Key does not submit the form. "handleSubmit" won't be called.

Issue: the MultiSelect-Header contains a close button: <button... />

primereact/src/components/multiselect/MultiSelectHeader.js

Line 72 in 3bc8ce8

<button className="p-multiselect-close p-link" onClick={this.props.onClose}>

but because the type="button" <button type="button"... is missing, it will be type=submit by default.

the form will use the first "submit" button onEnter. hence, the submitbutton at the end of the for wont be executed.

if prime does not relay on the close button in the MultiSelect beeing "type=submit". is sggest you add "type=button"

• Browser:
  Chrome 79

• Language:
  ES6

[mertsincan]

Duplicate of #1155