Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-6551] iOS: keytoolbar hiding behind the keypad on changing orientation

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2012-01-23T16:33:38.000+0000
Affected Version/sRelease 1.7.5, Release 1.8.0.1
Fix Version/sSprint 2011-50, Release 1.7.6, Release 2.0.0, Release 1.8.1
ComponentsiOS
Labelsmodule_orientation, qe-testadded
ReporterRadamantis Torres-Lechuga
AssigneeBlain Hamon
Created2011-12-09T16:18:34.000+0000
Updated2014-06-19T12:44:16.000+0000

Description

Expected Behavior

Show the full toolbar even when changing the device orientation

Actual Behavior

The toolbar is partially hidden on landscape orientation. Steps to reproduce the bug: - click on the inputText - Turn the device to landscape At this point the 50% of the toolbar is hidden behind the keyboard

Test Case

Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();
//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({
	title:'Tab 1',
	backgroundColor:'#fff',
	navBarHidden:false
});


win1.orientationModes=[
     Titanium.UI.PORTRAIT,
     Titanium.UI.LANDSCAPE_LEFT,
     Titanium.UI.LANDSCAPE_RIGHT];
var flexSpace = Titanium.UI.createButton({
		systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE
	});
	var done=Titanium.UI.createButton({
    	systemButton:Titanium.UI.iPhone.SystemButton.DONE,
    	backgroundColor:'#44648E',
		backgroundImage:'none'
	});
		var textField = Titanium.UI.createTextField({
				color:'#385487',
				right:'3.1%',
				left:'3.1%',
				top:10,
				borderStyle:Titanium.UI.INPUT_BORDERSTYLE_NONE,
				border:0,
				height:44,
				borderColor: '#000000',
				backgroundColor: 'transparent',
				font:{fontSize:17,fontFamily:'Helvetica Neue'},
				returnKeyType:Titanium.UI.RETURNKEY_DONE,
				keyboardType:Ti.UI.KEYBOARD_NUMBER_PAD,
				keyboardToolbar:[flexSpace,flexSpace,done],
			});

done.addEventListener('click',function(e){
		textField.blur()
});

win1.add(textField);




var tab1 = Titanium.UI.createTab({
	icon:'KS_nav_views.png',
	title:'Tab 1',
	window:win1
});

// create controls tab and root window
//
var win2 = Titanium.UI.createWindow({
	title:'Tab 2',
	backgroundColor:'blue',
	navBarHidden:false
});

var tab2 = Titanium.UI.createTab({
	icon:'KS_nav_ui.png',
	title:'Tab 2',
	window:win2
});


tabGroup.addTab(tab1);
tabGroup.addTab(tab2);

// open tab group
tabGroup.open();

Attachments

FileDateSize
Screen Shot 2011-12-09 at 3.54.27 PM.png2011-12-09T16:18:34.000+000059305
Screen Shot 2011-12-09 at 3.54.35 PM.png2011-12-09T16:18:34.000+000055194

Comments

  1. Radamantis Torres-Lechuga 2011-12-09

    Very similar to this issue
  2. Natalie Huynh 2012-01-12

    Tested with 1.9.0.v20120112104633 with iPod 4.3.3

JSON Source