<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ng-click="$dismiss()" aria-hidden="true">×</button> <h2 class="modal-title">{{ title }}</h2> </div> <div class="modal-body"> <textarea ng-model="message" readonly class="form-control col-lg-12"></textarea> </div> <div class="modal-footer"> <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="$dismiss()">{{ okLabel }}</button> </div>My problem is the height of the text area - I want it to automatically resize to the full length of the message.