Feature/submit on enter (#281)

Author: loivsen

packages/uui-form/lib/uui-form.element.ts

@@ -17,6 +17,7 @@ export class UUIFormElement extends LitElement {
     if (this._formElement) {
       this._formElement.removeEventListener('submit', this._onSubmit);
       this._formElement.removeEventListener('reset', this._onReset);
+      this._formElement.removeEventListener('keypress', this._onKeypress);
     }
 
     const formElements = (event.target as HTMLSlotElement)
@@ -28,6 +29,10 @@ export class UUIFormElement extends LitElement {
       this._formElement.setAttribute('novalidate', '');
       this._formElement.addEventListener('submit', this._onSubmit);
       this._formElement.addEventListener('reset', this._onReset);
+      this._formElement.addEventListener(
+        'keypress',
+        this._onKeypress.bind(this)
+      );
     }
   }
 
@@ -53,6 +58,14 @@ export class UUIFormElement extends LitElement {
     (event.target as HTMLFormElement).removeAttribute('submit-invalid');
   }
 
+  private _onKeypress(event: KeyboardEvent) {
+    if (event.key === 'Enter') {
+      if (this._formElement) {
+        this._formElement.dispatchEvent(new SubmitEvent('submit'));
+      }
+    }
+  }
+
   render() {
     return html`<slot @slotchange=${this._onSlotChanged}></slot>`;
   }