Select enter on form

[anddrzejb]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• Bundle size optimization
• Performance optimization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

Fixes #1176

💡 Background and solution

Except fixes to #1176, this commit also adds the following:

1. Clear selection when "Delete" key or "Backspace" key pressed.
2. Exposes new attribute DisableSubmitFormOnEnter: Default behavior for Select component on a Form is to submit on Enter. The exception is when Enter is pressed while select options are visible (then Enter will set picked option as the value). If DisableSubmitFormOnEnter = true then Enter will not submit on a Form.
3. Interop gets a new event handler that prevents default for passed array of keys (more flexible)
4. EditContext is notified about a change in Select component (if Form.ValidateOnChange == true)

Also, I can create a docs sample for DisableSubmitFormOnEnter behaviour based on this gif:

📝 Changelog

Language	Changelog
🇺🇸 English	new attribute `DisableSubmitFormOnEnter'
🇨🇳 Chinese

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• Changelog is provided or not needed

[ElderJames]

That's cool. I think we may not need this new property. The expected behavior is: as long as Enter is pressed when the select is focused, the form will not submit.

[anddrzejb]

Let us get this straight - not when select is focused, but when select is focused and has overlay visible. When select is focused and no overlay is visible, then enter should submit the form.

[ElderJames]

Yes, when overlay is closed, the select exits the edit state. Then enter should submit the form.

[anddrzejb]

@ElderJames per request, the added functionality was removed in 6c5f8bc.