How can I display a View with a single textarea right above the onscreen keyboard? I am using a textarea and allowing it to grow as the user types added inside a view and sized such that there is a small border around the textarea. I had to give the View a fixed height and then in the change event I change its height to Titanium.UI.SIZE because starting with this property fails to display anything. The placement of the view when the keyboard is displayed has proven difficult though.
I have the following:
<View id="view_input" bottom="0dp" width="100%" height="60dp" backgroundColor="black" zIndex="10"> <TextArea id="edit_textarea" onChange="oc" left="10dp" right="10dp" top="10dp" height="Titanium.UI.SIZE" bottom="10dp" /> </View>On Android the view is placed with the most of the text area above the soft keyboard (though the bottom part of the view is not visible). On iPhone the view is completely hidden by the keyboard. I have tried setting the bottom property of the view in the TextArea change event but it still remains hidden under the keyboard.