IE 10 上的 Sencha Touch 可拖动面板问题

Question

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

请参考下面的示例代码。

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
        }
    ]
}
});

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

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

我确实看到面板在 IE10 上是可拖动的，但我想了解为什么面板在 IE10 上没有正确放置。

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

感谢您的帮助和建议！

注意：我使用的是 Sencha Touch 2.3.0。

谢谢，

Answer 1

收到 Sencha Touch 团队的回复。这是他们框架中的一个错误。他们希望在未来的版本中解决它。