# Growing text area in footer

**URL:** <https://forum.ionicframework.com/t/growing-text-area-in-footer/6285>\
**Category:** ionic-v1\
**Created:** [July 1, 2014, 12:11pm UTC](https://forum.ionicframework.com/t/growing-text-area-in-footer/6285 "2014-07-01T12:11:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![outerbound](https://avatars.discourse-cdn.com/v4/letter/o/c67d28/32.png) [@outerbound](https://forum.ionicframework.com/u/outerbound)\
**Post date:** [July 1, 2014, 12:11pm UTC](https://forum.ionicframework.com/t/growing-text-area-in-footer/6285/1 "2014-07-01T12:11:31Z")

</div>

I am trying to achieve functionality similar to writing comments in facebook app.

I would like to place attached to bottom a textarea that can grow in height as user types and a post button along side.  
I can place text area in footer but footer restricts textarea’s growth as user types more than one line.  
OR I place it in content and somehow force this to bottom.

How to go about it?

---

<div class="post-metadata">

**Author:** ![jrschumacher](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jrschumacher/32/65147_2.png) [@jrschumacher](https://forum.ionicframework.com/u/jrschumacher)\
**Post date:** [December 23, 2014, 3:25pm UTC](https://forum.ionicframework.com/t/growing-text-area-in-footer/6285/2 "2014-12-23T15:25:37Z")

</div>

I think this is what you’re looking for:

> **[Ionic Elastichat - Chat Demo w/ Auto Resizing Textarea](http://forum.ionicframework.com/t/ionic-elastichat-chat-demo-w-auto-resizing-textarea/13562)**
>
> Codepen direct link A couple of weeks ago I came across this awesome angular-elastic directive. I decided to integrate it into an app I am currently creating (coming out soon!). It works great with Ionic and adds that native feel to messaging...