How to Take the "resizing" of a textarea?

2

                                                   

< script src = "//cdn.tinymce.com/4/tinymce.min.js" > < /script> <
  script > tinymce.init({
    selector: 'textarea'
  }); < /script>
<div class="form-group">
  <div class="col-xs-12 col-md-6 ">
    <textarea id="txtDesc" name="message" rows="5" maxlength="1000" runat="server" style="resize: none;"></textarea>
  </div>
</div>
    
asked by anonymous 23.05.2018 / 14:44

3 answers

1

I actually believe your problem is because of TinyMCE

See what the documentation says about resize link

Component script to remove resize

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  resize: false
});
    
23.05.2018 / 15:10
0

The following css property disables the resize behavior of textarea

textarea {
    resize: none;
}
    
23.05.2018 / 14:47
0

Speak Dan, just add resize: none; to the tag. If you want, you can still manipulate its height and width via css.

Example:

textarea#example {
  resize: none;
  width: 50%;
  height: 100px;
}
<textarea id="example"> Exemplo para ex aluno da UNASP </textarea>
    
23.05.2018 / 15:08