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

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    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

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Location
    Sydney, Australia
    Posts
    23
    Vote Rating
    0
    thetallbloke is on a distinguished road

      0  

    Default


    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...

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    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:

    Code:
    -webkit-transform: translate3d(0px, -45px, 0px);
    But when using Chrome, scrolling to the last item and releasing the click, the above code reset to:

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

  6. #6
    Sencha User
    Join Date
    Feb 2012
    Posts
    15
    Vote Rating
    0
    tine_m is on a distinguished road

      0  

    Default


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

  7. #7
    Sencha User
    Join Date
    Mar 2012
    Posts
    76
    Vote Rating
    1
    Monti123 is on a distinguished road

      0  

    Default


    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.

  8. #8
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Plymouth, MA
    Posts
    12
    Vote Rating
    1
    petecis is on a distinguished road

      0  

    Default any bug fix in sight?

    any bug fix in sight?


    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.

  9. #9
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Plymouth, MA
    Posts
    12
    Vote Rating
    1
    petecis is on a distinguished road

      0  

    Default example app that shows the issue

    example app that shows the issue


    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?

  10. #10
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    71
    Vote Rating
    6
    cyee is on a distinguished road

      0