Hybrid View

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Jun 2011
    Location
    Bremen
    Posts
    2
    Vote Rating
    1
    sch-z is on a distinguished road

      1  

    Default Unable to select last option of picker

    Unable to select last option of picker


    Sencha Touch version tested:
    • Sencha Touch 2.0.1.1
    • Sencha Touch 2.1.0-b2

    Browser versions tested against:
    • Chrome 21.0.1180.79 (Windows)

    Description:
    • If i user a selectfield with the config
      usePicker: true
      i am not able to select the last option in the picker.
    • If i don't use a picker
      usePicker: false
      the selectfield shows a list and evrything works fine.

    Steps to reproduce the problem:
    • Open the console
      cmd
    • go into SDK-Folder
      cd C:\xampp\htdocs\sencha-touch-2.0.1.1
      or
      cd C:\xampp\htdocs\sencha-touch-2.1.0-b2
    • generate a new app
      sencha generate app -n TEST -p c:/xampp/htdocs/TEST
    • go to new generated folder
      cd c:/xampp/htdocs/TEST
    • replace the generated code in Main.js with selectfield (see code below)

    The result that was expected:
    • I should be able to select each option in the picker even the last one.

    The result that occurs instead:
    • If i click into the selectfield, the picker is shown with its 5 options.
      I can select any option i want but if i choose the last one, the picker jumps back to the penultimate item (4/5)

    Test Case:
    Code:
    Ext.define("TEST.view.Main", {
      extend: 'Ext.form.Panel',
      requires: [
        'Ext.TitleBar',
        'Ext.field.Select'
      ],
      config: {
        items: [
          {
            xtype: 'titlebar',
            title: 'Test',
            docked: 'top'
          },
          {
            xtype: 'selectfield',
            label: 'Test',
            options: [
              {
                text: '0ption 1', value: '1'
              },
              {
                text: '0ption 2', value: '2'
              },
              {
                text: '0ption 3', value: '3'
              },
              {
                text: '0ption 4', value: '4'
              },
              {
                text: '0ption 5', value: '5'
              }
            ],
            usePicker: true
          }
        ]
      }
    });



    Debugging already done:
    • I only used the console from the Chrome Developer Tools (Ctrl + Shift + J) and there were no errors or warnings.

    Possible fix:
    • The only way to make the last option(Option 5) selectable, seems to attach an empty (6.) option to the end of the options.

    Additional CSS used:
    • only default app.css

    Operating System:
    • Windows 7
    Last edited by sch-z; 19 Aug 2012 at 11:39 PM. Reason: false template bug format

  2. #2
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    21
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Seems odd, what device are you seeing this issue with?

    Sencha Inc

    Jamie Avins

    @jamieavins