.input-group-lg causes textarea's height to shrink to a single line
Created by: wedi
In Bootstrap 3.2.0 adding .input-group-lg to a input group causes textarea's height to shrink to a single line. Adding height: auto;
to the textarea removes this error.
See #8672 (closed)
Test it with:
<!-- everything ok: -->
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-align-left"></span></div>
<textarea name="message_ok" id="message_ok" class="form-control" rows="6" placeholder="Your message"></textarea>
</div>
</div>
<!-- wrong input height: -->
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-addon"><span class="glyphicon glyphicon-align-left"></span></div>
<textarea name="message" id="message" class="form-control" rows="6" placeholder="Your message"></textarea>
</div>
</div>
Off topic: Is there a way to top align the glyphicon?