Bill Bensing pro asked 5 years ago


I have the following piece of code to make a text area automatically grow as text is entered.  For some reason, it is not growing.  What is the issue I may be facing?
<div class="md-form" *ngIf="isEditable">
  <label for="eventTagline">Give the juicy details here</label>
  <textarea id="eventDesc" type="text"
            class="md-textarea md-textarea-auto form-control"
            [formControl]="eventDesc"
            [mdbValidate]="false"
            mdbInputDirective>
  </textarea>
</div>

Damian Gemza staff commented 5 years ago

Dear Bill, Could you please specify, what do you mean by telling that text area should grow? In which dimension, X or Y? Best Regards, Damian

Bill Bensing pro commented 5 years ago

Y dimension; grow in height. Like this example here: https://mdbootstrap.com/components/inputs/

Damian Gemza staff commented 5 years ago

Dear Bill, That's bug. Thanks for reporting. We'll fix it in future releases. For now, I can suggest to you, to add some HostListener to read keyup.enter, and then increase height of textarea. Best Regards, Damian

Bill Bensing pro commented 5 years ago

No problem, thanks for the advice!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags