可拖动或调整大小的文本区域不起作用

Question

最近我将 extjs 4 升级到 5，然后我发现 textarea 没有可拖动和可调整大小的功能，但它可以完美地在 extjs v4 上运行。 我创建小提琴来测试它： Fiddle

我该如何解决？这是一个错误还是我错了？

这是我使用的代码：

Ext.define('Textarea', {
    extend: 'Ext.form.field.TextArea',
    alias: 'widget.ddtext',

    contextMenu: true,
    root: null,
    name: 'text',
    emptyText: "Enter your text here",
    cls: "textInput",
    resizable: true,
    draggable: {
        constrain: true,
        preventDefault: false,
        stopEvent: true
    }
});

Ext.define('TestWindow', {
    extend: "Ext.window.Window",
    alias: "widget.ddwindow",
    title: 'Window',
    width: 550,
    height: 670,
    resizable: false,
    layout: 'fit',
    modal: true,
    items: {
        itemId: "windowContainer",
        autoScroll: true,
        xtype: "container",
        layout: {
            type: 'vbox',
            padding: 5
        },
        defaults: {
            width: "100%"
        },
        items: [
            {
                itemId: "container",
                xtype: "container",
                layout: 'vbox',
                items: [
                    {
                        itemId: "dropZone",
                        xtype: "container",
                        height: 500,
                        width: 500,
                        style:{
                            backgroundColor: "#000"  
                        },
                        layout: "absolute",
                        scope: this,
                        items: [
                            {
                                xtype: 'ddtext'
                            }
                        ]
                    }
                ]
            }
        ]
    }
});

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create("TestWindow").show();
    }

});

Answer 1

我能够通过以下任一方式使其工作：

• 完全删除 dropZone 容器https://fiddle.sencha.com/#fiddle/i60
• 将 dropZone 的布局从“绝对”更改为“适合”https://fiddle.sencha.com/#fiddle/i5v

看起来在绝对容器内有一个可调整大小的组件存在一些问题。