Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

Keyboard toolbar slides up after keyboard slides up

Hello all,
each time focus changes on a text field its keyboard appears, looking seemless - which is great, the problem is that it's keyboard toolbar slides up making it look not seemless.

Any way to prevent this? Keyboard doesn't slide up, why should the toolbar!?


— asked June 4th 2010 by Kelly Redd
  • iphone
  • keyboard
  • textfield
  • toolbar

5 Answers

  • Hi, I've resolved this now, instead of assigning Items to keyboardToolbar of aTextField, you should create a Toolbar sperately and assign animated: false. like following:

    var keyboardBar = Titanium.UI.createToolbar({
        items:[ flexspace, navButtons],
    backgroundcolor: "#ffffff",
    animated: false,
    height: 60,
    width: Ti.UI.FILL


    var aTextField = Ti.UI.createTextField({
        width : '100%',
        height 60,
        borderStyle : textFieldStyle,
    — answered September 7th 2012 by lina shepherd
  • Hi Kelly,

    I don't notice any delay on device when the keyboard toolbar example in the Kitchen Sink runs - are you seeing this behavior all the time?

    — answered June 4th 2010 by Kevin Whinnery
  • Hey Kevin, it only happens when you switch focus between textfields - it initially slides up with the keyboard just fine.

    In Kitchen Sink, if you go to Controls > Textfield > Toolbar and switch b/n the two textfields you can see it - principally speaking.

    In the Kitchen Sink example, once the keyboard is up and you start switching focus you just see the toolbar sliding up and sliding down to show it and hide it - so imagine if both textfields had a toolbar - if a keyboard is up and you switch focus, the keyboard doesn't move but the blurred toolbar slides down, focused toolbar slides up, back and forth.

    Clear as mud?

    — answered June 4th 2010 by Kelly Redd
  • Is there an option to actually stop the toolbar from animating? I just want to toggle the toolbar not animate when the focus switches from one field to the other.


    — answered January 30th 2011 by Manuel Meier
  • I have the same problem, I have 4 fields, every time, when I click prev/next on the keyboard toolbar, the toolbar slides down and up, that is really annoying, don't know how to fix this.

    — answered September 7th 2012 by lina shepherd
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.