ScrollToEnd() goes to the begin on horizontal scrollable

[lkjhgfdsa]

REQUIRED INFORMATION


Sencha Touch version tested:

• Sencha Touch 2.0.1

Browser versions tested against:

• Safari 5.1.7
• Mobile Safari iOS 5.1.1
• Google Chrome 19.0.1whatever

Description:

• ScrollToEnd() function on horizontal scrollable goes to the begin (same as scrollTo(0,0)) and not to the end.

Steps to reproduce the problem:

• Set a scrollable with direction: 'horizontal'
• *.getScrollable().getScroller().scrollToEnd()

The result that was expected:

• On an horizontal scrollable the end is on the right, not on the left so the scrollToEnd() is exptected to go in that direction.
• Note that on vertical scrollable it works perfectly going to the bottom!

The result that occurs instead:

• On an horizontal scrollable the scrollToEnd() goes to the left at the beginning

Test Case:

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: 'SenchaFiddle',
    
    launch: function() {
        Ext.create('Ext.Container', {
            fullscreen: true,
            layout: 'vbox',
            items: [
                {
                    xtype: 'panel',
                    id: 'panel',
                    height: 200,
                    width: 200,
                    scrollable: {
                        direction: 'horizontal' //changing it to vertical goes to the bottom
                    },
                    html: '<div style="width: 2000px; height: 2000px">Text text text text text text text text text text text text text text text text text text text text text</div>'
                },
                {
                    xtype: 'button',
                    text: 'To the end',
                    listeners: {
                        tap: function () {
                            Ext.getCmp('panel').getScrollable().getScroller().scrollToEnd(true);
                        }
                    }
                }
            ]
        });
    }
});

HELPFUL INFORMATION


See this URL for live test case: http://www.senchafiddle.com/#zL5f9


Possible fix:

• To know the width of the component and make a scrollTo(x,y) instead scrollToEnd()

[mitchellsimoens]

Thanks for the report. It was only scrolling to the y end not x also.