Ionic footer placed far below visible area

ionic-v1
1

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?

image
Screen Shot 2016-02-02 at 11.25.33 AM.png2560×1600 291 KB

Here is my code :

	</ion-content>
<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>
		</label>
		<div class="footer-btn-wrap">
			<button class="button button-icon icon ion-android-send footer-btn" type="submit" ng-disabled="!input.message || input.message === ''">
			</button>
		</div>
	</ion-footer-bar>
</form>