Results 1 to 10 of 13

Thread: Unable to select last option of picker

Hybrid View

Previous Post Previous Post   Next Post Next Post
    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 sch-z's Avatar
    Join Date
    Jun 2011
    Location
    Bremen
    Posts
    3
    Vote Rating
    1
      1  

    Default 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 User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
      0  

    Default

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

    Sencha Inc

    Jamie Avins

    @jamieavins

Tags for this Thread

Posting Permissions

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