Unable to select last option of picker

[sch-z]

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:

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

[Jamie Avins]

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

[pepperseb]

I'm also having this problem with Sencha 2.0.1 on Google Chrome on my computer. I think it's a Chrome issue or an upgrade issue because :

• If I copy my app folder in 2.0.1 to another computer with Chrome, it seems to work properly
• Then, I upgrade to 2.1.0 B2, I got the bug
• I roll back to 2.0.1 with my backup folder, I still have the bug

[thetallbloke]

I had this happen to me on Chrome (21.0.1180.79 m)...
But it didn't happen on Safari or on my ipad that I was testing on...

I also found that the display of the items, in my case year values on a date picker, were not displayed vertically centred in the div/row... as I scrolled through from 1900 to 2012, the gradually were displayed higher and higher up in the row until they were displaying where the value from the row above should have been...

[pepperseb]

I had a look at the inspector in Chrome and Safari for a simple picker with two options/items.

Actually, the expected behavior when I select the second and last item on Safari is:

-webkit-transform: translate3d(0px, -45px, 0px);

But when using Chrome, scrolling to the last item and releasing the click, the above code reset to:

-webkit-transform: translate3d(0px, 0px, 0px);

[tine_m]

I have the same problem. Has anyone found a solution/workaround yet?

[Monti123]

I'm having the same problem on Android 2.3.3, Sencha 2.0.1.1

From the last item, jumps right back to the previous one.

[petecis]

Maybe I'm not looking in the right places, but is there a way to find out if this is on a list of bugs to be fixed in the next release?

Does someone have to open a support case using credits to put it on a priority list?

Again, please pardon my ignorance if there is some clear way to figure this out that I have missed.

[petecis]

From the kitchen sink examples:

Using a Chrome browser: http://dev.sencha.com/deploy/touch/e...nk/#demo/forms also shows the issue, but, on the very same chrome browser this link http://docs.sencha.com/touch/2-1/tou...tml#demo/forms works just fine.

Seems like maybe this is fixed in 2.1.1?? But existed in 2.0.1?

[cyee]

Try this

http://www.sencha.com/forum/showthread.php?255028