Description
In textarea when we type character after the end of the textarea its not visible and hides under the keyboard. Please see the attached screenshot.
Steps to reproduce :
a)Type some characters - Press return.
b)Repeat the above step till the end of the text area and beyond.
c)When a new line is entered, the text area does not scroll enough to be visible.
Note : The issue is in iOS7 only and it work fine on iOS6.
Test Case
var window = Ti.UI.createWindow({
top : 20,
title : 'Text Area Issue',
barColor : '#303030',
backgroundColor : '#F0F0F0',
layout : 'vertical'
});
var dismissButton = Ti.UI.createButton({
top : 20,
title : 'Tap to dismiss keyboard'
});
dismissButton.addEventListener('click',function(_event){
textArea.blur();
});
var textArea = Ti.UI.createTextArea({
top: 10,
left : 10,
right: 10,
value : 'When text is present \nin multiple lines \ntapping on the end of \nthe line \nthrows focus to the beginning of the line \nmaking it difficult \nto add text at the end \nof each line',
suppressReturn : false
});
Ti.App.addEventListener("keyboardframechanged", function(e) {
textArea.setBottom(e.keyboardFrame.height);
});
window.add(dismissButton);
window.add(textArea);
window.open();
Pull pending against master https://github.com/appcelerator/titanium_mobile/pull/4830
Text beyond the textArea is visible as it scrolls down. Verified fix on: Device : iPhone 5 , iOS version : 7.0 SDK: 3.2.0.v20131023222443 CLI version : 3.2.0 OS : MAC OSX 10.8.4 Alloy : 1.2.2 Appcelerator Studio, build: 3.2.0.201310181700 XCode : 5