title: Enter key behaviour Angular and Material form
body: <p>In my forms in a MEAN application I have:</p>
  <pre><code>&lt;form novalidate [formGroup]=&quot;thesisForm&quot;
    enctype=&quot;multipart/form-data&quot;
    (keydown.enter)=&quot;$event.preventDefault()&quot; (keydown.shift.enter)=&quot;$event.preventDefault()&quot;&gt;
  </code></pre>
  <p>I do this because occasionally people press enter without wanting to submit the form. So to avoid accidents I add the prevent default.</p>
  <p>BUT this results in text areas not reacting to the <kbd>enter</kbd> key and I cannot introduce line spaces. If I write the text and copy paste it I can add the new lines, but not when pressing <kbd>enter</kbd> . How can I fix this so that I can use the text area normally?</p>