如何防止手动调整 md-input-container 的大小

Question

I have a textarea that resides inside md-input-container(using angularjs material version 1.1.12). I want to prevent users from resizing it and found md-no-resize property for this purpose in AngularJS Material docs. But this does not seem to work. I also tried adding style="resize:none" to the inner textarea but that did not work either. I would really appreciate if someone can suggest a way. Thanks!

<div layout="column" style="width: 400px;">
  <md-input-container md-no-resize="true" style="width: 380px; height: 200px; padding: 10px; overflow-y: auto;">
    <textarea ng-model="x"/>
  </md-input-container>
</div>

Answer 1

have you tried something like this:

<md-input-container md-no-resize="true" style="width: 380px; height: 200px; padding: 10px; overflow-y: auto;">
    <textarea ng-model="x" md-no-resize/>
</md-input-container>

Here is the doc about it https://material.angularjs.org/latest/api/directive/mdInput