Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-2442] Keyboard toolbar hides on landscape orientation

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionFixed
Resolution Date2011-04-17T01:59:07.000+0000
Affected Version/sn/a
Fix Version/sRelease 1.6.0 M05
ComponentsiOS
Labelsdefect, field, ios, ipad, iphone, release-1.6.0, rplist, text, toolbar
Reporterctredway
AssigneeBlain Hamon
Created2011-04-15T03:19:56.000+0000
Updated2011-12-09T16:20:55.000+0000

Description

On iOS 4.1/4.2 using 1.4.2 & 1.5 when a keyboard has a toolbar and the orientation changes to landscape the toolbar does not show.

code:

var win = Titanium.UI.currentWindow;

win.orientationModes = [Ti.UI.LANDSCAPE_LEFT];

var flexSpace = Titanium.UI.createButton({

systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE

});

var tf = Titanium.UI.createTextField({

height:32,
backgroundImage:'../images/inputfield.png',
width:200,
font:{fontSize:13},
color:'#777',
paddingLeft:10,
borderStyle:Titanium.UI.INPUT_BORDERSTYLE_NONE

});

var camera = Titanium.UI.createButton({

backgroundImage:'../images/camera.png',
height:33,
width:33

}); camera.addEventListener('click', function()
{

Titanium.UI.createAlertDialog({title:'Toolbar',message:'You clicked camera!'}).show();

});

var send = Titanium.UI.createButton({

backgroundImage:'../images/send.png',
backgroundSelectedImage:'../images/send_selected.png',
width:67,
height:32

}); send.addEventListener('click', function()
{

Titanium.UI.createAlertDialog({title:'Toolbar',message:'You clicked send!'}).show();

});

var textfield = Titanium.UI.createTextField({

color:'#336699',
value:'Focus to see keyboard w/ toolbar',
height:35,
width:300,
top:10,
borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
keyboardToolbar:[flexSpace,camera, flexSpace,tf,flexSpace, send,flexSpace],
keyboardToolbarColor: '#999',   
keyboardToolbarHeight: 40

});

var textfield2 = Titanium.UI.createTextField({

color:'#336699',
value:'Focus to see keyboard w/o toolbar',
height:35,
width:300,
top:70,
borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED

});

win.add(textfield);
win.add(textfield2);

Comments

  1. Jeff Haynie 2011-04-15

    (from [bbca90499aa7caf3393ca91d04f9243428f24e8d]) [#1645 state:fixed-in-qa] [#1714 state:fixed-in-qa] [#2189 state:fixed-in-qa] [#2442 state:fixed-in-qa] [#1645 state:fixed-in-qa milestone:"Release 1.6.0 M05"] [#2736 state:fixed-in-qa milestone:"Release 1.6.0 M05"] [#2746 state:fixed-in-qa milestone:"Release 1.6.0 M05"] [#2197 state:fixed-in-qa milestone:"Release 1.6.0 M05"] [#2746 state:fixed-in-qa milestone:"Release 1.6.0 M05"] Look ma, I fixed the keyboard! https://github.com/appcelerator/titanium_mobile/commit/bbca90499aa7caf3393ca91d04f9243428f24e8d"> https://github.com/appcelerator/titanium_mobile/commit/bbca90499aa7...

  2. Pedro Enrique 2011-04-15

    Tested on Kitchen Sink (textfield_toolbar.js). Modified the file to work on portrait and landscape.

       win.orientationModes = [1,2,3,4];
       

    Working as Expected

    Ti SDK 1.6 (Jan 26 2011 18:55 rbd12917d)
    iPhone 4 (4.2.1)
    iPhone Simulator 4.2

  3. Pedro Enrique 2011-04-15

    Resolved

JSON Source