Angular 2 материал - как запретить клавише Enter изменять размер текстовой области

Question

У меня есть (я использую angular 2 материал), как показано ниже, и я вызываю функцию для клавиши Enter. Функционально он работает правильно, однако с точки зрения пользовательского опыта - после нажатия клавиши ввода размер текстового поля все еще меняется - т. Е. В текстовой области отображается новая строка - до того, как функция отправки очистит форму. Как остановить клавишу ввода, изменив размер области текста?

<mat-form-field class="mat-form-field mat-form-field--no-padding" appearance="outline" color="Primary">
        <textarea (keyup.enter)="onKey($event, formGroupDirective)" matInput placeholder="do something" type="text" formControlName="message" required
            cdkTextareaAutosize #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="1"
            cdkAutosizeMaxRows="5"></textarea>>

onKey(event, formGroupDirective: FormGroupDirective) {
    event.preventDefault()
    this.doSomething(formGroupDirective)
  }

До:

После нажатия клавиши ввода:

Answer 1

{ ссылка }

Похоже, что ввод был также обработан формой. После того, как я внедрил решение, указанное в ссылке выше, моя проблема была решена.