Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    4
    Vote Rating
    0
    cletusw is on a distinguished road

      0  

    Default Scrolling broken after using iOS soft keyboard's 'Next' button

    Scrolling broken after using iOS soft keyboard's 'Next' button


    REQUIRED INFORMATION

    Sencha Touch versions tested:
    • 2.0.1
    • 2.0.1.1
    Browser versions tested against:
    • Safari (on iOS 5.1.1)
    • Chrome 19.0.1084.60 (on iOS 5.1.1)
    DOCTYPE tested against:
    • html (as in HTML5)
    Description:
    • When you use the 'Next' button in the iOS soft keyboard and it has to 'scroll' to the next text field, it ruins Sencha Touch's scrolling.
    Steps to reproduce the problem:
    • Tap the first text field
    • Tap 'Next' a few times on the soft keyboard that appears to get to the last text field
    • Tap 'Done'
    The result that was expected:
    • I should still be able to scroll back up to see the first text field
    The result that occurs instead:
    • The view has been reset so that the 'top' of the scrollable area is just above the last text field and the 'bottom' is way out in blackness
    Test Case:
    Code:
    Ext.Loader.setConfig({
        enabled: true
    });
    
    
    Ext.application({
        name: 'SenchaFiddle',
        
        launch: function() {
            Ext.Viewport.add(Ext.create('Ext.Panel', {
                fullscreen: true,
                scrollable: 'vertical',
                items: [{
                    xtype: 'textfield',
                    placeHolder: 'text',
                    minHeight: '400px'
                }, {
                    xtype: 'textfield',
                    placeHolder: 'text',
                    minHeight: '400px'
                }, {
                    xtype: 'textfield',
                    placeHolder: 'text',
                    minHeight: '400px'
                }]
            }));
        }
    });
    HELPFUL INFORMATION

    Possible fix:
    • Looks like Sencha Touch uses -webkit-transform: translate3d to do its scrolling. Maybe this is incompatible with the 'scrolling' that the soft keyboard's 'Next' button does?
    Additional CSS used:
    • only default sencha-touch.css
    Operating System:
    • iOS 5.1.1

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,731
    Vote Rating
    754
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha - Sencha Touch Dev Team 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


    This is why we don't use translate3d on Form panels...

    Your scrollable configuration will need to be:

    scrollable: {
    translationMethod: 'scrollposition'
    }

    Though this will impact performance somewhat, it should resolve the scrolling issue. You can also use a Form panel instead which does this as well.

    Sencha Inc

    Jamie Avins

    @jamieavins

  4. #4
    Sencha User
    Join Date
    Jul 2012
    Posts
    4
    Vote Rating
    0
    cletusw is on a distinguished road

      0  

    Default


    Well, that does fix the problem, but it has a weird side effect. When you first start scrolling after tapping 'Done' per the last step, it instantly jumps to the top of the panel then starts scrolling from there.

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Posts
    4
    Vote Rating
    0
    cletusw is on a distinguished road

      0  

    Default


    Also, we actually were using a Form Panel in our app, we just had
    Code:
    scrollable: 'vertical'
    in our config which, unlike
    Code:
    scrollable: { direction: 'vertical' }
    obliterates this
    Code:
    translationMethod
    setting. That would probably be a candidate for the docs.

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    5
    Vote Rating
    1
    gruszks is on a distinguished road

      0  

    Default


    This problem still occurs especially in horizontal view.

    Quick fix, instead of:
    Code:
    scrollable: 'vertical'
    Use:
    Code:
    scrollable: {
        direction: 'vertical'
    },

  7. #7
    Sencha Premium Member
    Join Date
    Jul 2012
    Posts
    47
    Vote Rating
    0
    Drömbolaget is an unknown quantity at this point

      0  

    Default


    This problem bit me today in Sencha Touch 2.3.1. We have a form -> containers with scroll -> fields.

    translationMethod is not documented?

    This works for my container that has scroll and lies between the form and the field .

    Code:
    scrollable: {
        translatable: {
            translationMethod: 'scrollposition'
        },
        direction: 'vertical',
        directionLock: true
            }

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar