Ext JS：Tab Change在Tab Change上重置

Question

我正在使用Ext JS v4.2.1在Screen中绘制一个Tab面板并显示一些内容 - 每个标签中都可以显得很大。为此，请使用以下内容：

var createTab = function (tabName, panelName){
                    return {xtype: 'container',
                            title: tabName,
                            autoScroll: true,
                            layout: {
                                type: 'vbox',
                                align: 'stretch'
                            },
                            items: [
                                {
                                    title: panelName,
                                    items: [Ext.create( 'MyLongView' )]
                                }
                            ]};
            };

var tabPanel = new Ext.tab.Panel({
            renderTo: 'testDiv',
            flex: 1,
            border: false,
            itemId: 'tabPanel',
            items: [createTab('First Tab', 'First Panel'),
                    createTab('Second Tab', 'Second Panel')]
        });

当我在Internet Explorer中尝试使用代码时，每个标签更改都会将滚动位置重置为顶部，这是一种在Chrome或Firefox中都不会发生的错误。要重现它，请在IE窗口中执行以下步骤：

1. 创建一个选项卡面板，其中包含选项卡。
2. 在第一个标签中，向下滚动到底部。
3. 然后，选择第二个标签。
4. 最后，返回第一个标签。你会看到你留在底部的卷轴现在位于顶部。

预期的行为是滚动停留在您离开的位置。通过Sencha论坛搜索，我发现他们建议使用hideMode: 'offsets'，但这对我不起作用。有什么想法吗？

PS：我created a Fiddle to show the bug。请，只在IE上尝试（我不知道为什么它在Chrome / Firefox上不起作用）。