Internet explorer IE 10上的Sencha触摸可拖动面板问题

我有一个面板，我想能够拖放。为了使面板可以拖动，我使用了文档中提到的面板的“draggable”属性。但是，由于此属性，我在不同的浏览器中看到面板的不同行为

请参考下面的示例代码

Ext.define('MyScroll.view.Main', {
extend: 'Ext.Panel',
xtype: 'main',
requires: [
    'Ext.dataview.List'
],
config: {
    layout: 'hbox',
    id: 'main',
    height: '100%',

    items: [
        {
            xtype: 'panel',
            itemId: 'panel1',
            html: 'Panel-1',
            style: 'background-color: blue;',
            width: '50%',
            height: '50%',
            draggable: true
        },
        {
            xtype: 'panel',
            itemId: 'panel2',
            html: 'Panel-2',
            style: 'background-color: green;',
            width: '50%',
            height: '50%',
            draggable: true
        }
    ]
}
});

示例代码有两个并排创建的面板，“draggable”属性设置为“true”。在Chrome中运行应用程序时，我能够正确地看到两个面板，并且可以成功地拖放它们

但当我尝试在IE10（64位桌面，Win-7）上运行应用程序时，面板在一个位置相互重叠，这是可拖动面板的意外行为。您必须拖出顶部面板才能看到底层面板

我确实看到这些面板可以在IE10上拖动，但我想了解为什么这些面板没有正确地放置在IE10上

另一方面，如果设置“draggable:false”，面板开始在IE10上正确显示，但它们不可拖动

感谢您的帮助和建议

注意：我使用的是Sencha Touch 2.3.0

---

谢谢，

从Sencha Touch团队得到回复。这是他们框架中的一个bug。他们希望在未来的版本中解决这个问题