Ionic footer placed far below visible area

I have a tabs section at the bottom of the page, and would like also right about that a text area for messaging. The footer is out of the visible area, i have to scroll up and hold to see it. Any suggestions?

Here is my code :

<form name="sendMessageForm" ng-submit="sendMessage(sendMessageForm)" novalidate>
	<ion-footer-bar class="bar-stable item-input-inset message-footer" keyboard-attach>
		<label class="item-input-wrapper">
			<textarea class="replyFooter padding-top padding-bottom" ng-model="input.message" value="" placeholder="Send {{toUser.username}} a message..." required minlength="1" maxlength="1500" msd-elastic></textarea>
		<div class="footer-btn-wrap">
			<button class="button button-icon icon ion-android-send footer-btn" type="submit" ng-disabled="!input.message || input.message === ''">