Material: Bug: md-input-container textarea max-height/rows limitation problem

[Nickproger]

Is there a way to limit a size of textarea with help "rows" attribute or similar?

<md-input-container>
  <label>Text</label>
  <textarea ng-model="feedback" rows="3"></textarea>
</md-input-container>

[kikhtenko]

+1

[andreykostenko]

+1

[vovashevchenko]

+1

[micheldlebeau]

+1

[ivanhtp]

Besides that, when the textarea is too height, when your text is down the page, it autoscroll to top, being impossible to see what you are writing. Don't know if it will be acomplished in the same scope.

[almothafar]

I have code something like this:

<md-input-container id="message" class="md-block" flex-gt-sm>
              <label>Message</label>
                  <textarea required
                            rows="10"
                            placeholder="Your message to support here"
                            ng-model="vm.email.message"
                            name="message"></textarea>
              <div ng-messages="emailSendForm.message.$error">
                <div ng-message="required">This is required.</div>
              </div>
            </md-input-container>

But still, render rows ="1" in the source ! my version: "angular-material": "1.0.9"

[bialesdaniel]

+1

[marconi1992]

@almothafar I reproduced your problem, I found this line that is executed after the textarea initialization,
https://github.com/angular/material/blob/master/src/components/input/input.js#L471
It's weird, But I added the md-no-autogrow directive to avoid call the grow function and it's works for me.

[beatgrabe]

<textarea md-detect-hidden> fixes the issue for me…

[nucleardreamer]

That directive is documented here at the bottom, it's disabled by default for performance reasons: https://material.angularjs.org/latest/api/directive/mdInput#attributes