Results 1 to 2 of 2

Thread: Andorid virtual KeyBorad issues

  1. #1
    Sencha User
    Join Date
    Jul 2011

    Default Andorid virtual KeyBorad issues


    I have a Ext.List with a template which includes an HTML input component (an HTML textfield, type number), so every item in the list is an item description and a textbox to specify a number (check sample code below)

    I have found two issues when running the application on Android 2.2.1 (it works fine on IPhone 3GS, IOS 4), with Samsung Galaxy SCL and Galaxy Ace devices.

    + First issue: If I tap on one of the textfields shown on startup (without scrolling) the NUMERIC Android virtual keyboard is displayed. But if I scroll to some other item placed at the bottom of the list, then the ALPHANUMERIC Android virtual keyboard is displayed instead of the NUMERIC one. Why ?

    + Second issue: Tapping on items close to the bottom of the screen makes the Android virtual keyboard hide the editing textfield. Is this an Android OS issue ?

    Application is already developed with Sencha Touch 1.1.1 and cannot use version 2.0.


    Ext.regModel('Item', {
       fields: ['name']
    var store = new{
       model: 'Item',
       data: [
           {name: 'Item 0'},
           {name: 'Item 1'},
           {name: 'Item 2'},
           {name: 'Item 3'},
           {name: 'Item 4'},
           {name: 'Item 5'},
           {name: 'Item 6'},
           {name: 'Item 7'},
           {name: 'Item 8'},
           {name: 'Item 9'},
           {name: 'Item 10'},
           {name: 'Item 11'},
           {name: 'Item 12'},
           {name: 'Item 13'},
           {name: 'Item 14'},
           {name: 'Item 15'},
           {name: 'Item 16'},
           {name: 'Item 17'},
           {name: 'Item 18'},
           {name: 'Item 19'},
           {name: 'Item 20'}]
    var myList = new Ext.List
       fullscreen: true,
       itemTpl: '{name} <input type= "number"/>',
       store: store
    var myPanel = new Ext.Panel(
     id: 'myPanel',
     items: [myList] 
    ////////// Application
    new Ext.Application({
     name : 'MyApp',
     launch : function ()
      this.viewport = new Ext.Panel({
       fullscreen : true,
       items: [myPanel]

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL


    1. Weird, it shouldn't if the type is number. Not much you can do about that one then.
    2. Unlike iOS, Android doesn't scroll the page up so there isn't much you can do about that.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:

    Posts are my own, not any current, past or future employer's.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts