internet-explorer - extjs: Internet Explorer で IFrame に要素をドラッグできない

Question

私のテストコードを以下に示します。

Ext.Loader.setConfig({enabled:true});
Ext.Loader.setPath("Ext.ux", "http://cdn.sencha.io/ext-4.2.0-gpl/examples/ux");
Ext.require("Ext.ux.IFrame");
Ext.onReady(function()
{
    new Ext.container.Viewport(
    {
        items:
        [
            {
                xtype:"label",
                text:"Drag Source",
                style:"background:black;color:white;padding:20px",
                listeners:
                {
                    afterrender:function()
                    {
                        this.dragZone = new Ext.dd.DragZone(this.el,
                        {
                            getDragData: function (e)
                            {
                                var sourceEl = e.getTarget();
                                if(sourceEl)
                                {
                                    var d = sourceEl.cloneNode(true);
                                    d.id = Ext.id();
                                    return{
                                        sourceEl: sourceEl,
                                        ddel: d
                                    };
                                }
                            }
                        });
                    }
                }
            },
            {
                xtype:"uxiframe",
                width:"100%",
                height:"100%",
                src:"http://google.com"
            }
        ]
    });
})

ラベルを「uxiframe」にドラッグすると、「Ext.dd.DragZone」が機能しません。ただし、Opera や Chrome などの他のブラウザでは問題なく動作します。

事前に助けてくれてありがとう！