Ionic keyboard, textarea, tabs

ionic-v1
1

Hi guys,

I have included this plugin and its working https://github.com/driftyco/ionic-plugins-keyboard

I have ± this code http://codepen.io/anon/pen/qezFB (there is missing just the nav header)

Question 1: How can I set the textarea to be 100% height? (from the beginning until the tabs)

Question 2: How can I hide the tabs when I focus on textarea ? Because when I focus on textarea the tabs are somehow stucked in top of the keyboard and it looks horrible.

I am looking for some elegant solution so I don’t have to use some ugly workarounds.

Thank you and wish you a nice day!

1 Like
2

Hm, well for showing and hiding the tabs, you can use angular’s ng-focus and ng-blur to bind the inputs focus and blur events. Then combine that with an ng-if on the tabs and you can show and hide the tabs pretty easily.

As for making the textarea, it may not be an elegant solution, but it works :smile:

3

thx man. At the end when I was looking at your fork and trying to figure out what’s wrong with mine i realized the whole problem is in my tabs div was inside ionic content… I moved it outside and now it works nicely! :smile: so thx :wink:

1 Like