I am not able to get md-textarea to render properly insider stepper.

Screenshot 1 shows my textarea code.

Screenshot 2 shows how textarea renders.

Screenshot 3 shows even if you manage to enter text into textarea, the 'continue' button does not auto move down. Is there an example out there?

I am using horizontal-fix and initializing stepper properly. In fact, works just fine.

ul.horizontal-fix li a { padding: .84rem 2.14rem; }

  <div class="row">
  <div class="md-form col-12 ml-auto">
    <textarea id="test" name="test" class="md-textarea form-control" rows="4"></textarea>
    <label for="test">Test</label>
  </div>
  </div>

Any help is appreciated.

Thanks