How to ensure Materialize text_area form field gets autoresized

If you are using Materialize to visualize your text_area field in a rails form, you most likely need some javascript to autoresize it.

<div class="input-field col s12">
  <%= f.label :content, 'Inhalt' %>
  <%= f.text_area :content, id: 'form-text-area', class: 'materialize-textarea' %>
 </div>

You need to add a custom id to the field since the auto-id materialize uses to run the autosize is changed by the text_area rails form helper so that the resize is not working.

Add to your javascript:

import 'jquery/dist/jquery'
import 'materialize-css/dist/js/materialize'

$(document).on('turbolinks:load', function() {
  M.textareaAutoResize($('#form-text-area'));
})