TextArea的height属性不起作用（ExtJS）

Question

在这里，我使用vbox布局和一个TextArea项创建了面板：

        Ext.create('Ext.form.Panel', {
            width        : 400,
            height       : 300,
            layout       :
            {
                type: 'vbox',
                align: 'stretch'
            },
            renderTo     : Ext.getBody(),
            items        :
            [{
                xtype      : 'textareafield',
                height     : 55        
            }]
        });

渲染后textareafields的height属性等于55，但渲染的组件高度不等于55.

这是小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1ulh

Answer 1

@Maxa：Sencha指定文本字段的默认最小高度为60px。如果仅检查元素的el部分，那么您将得到如下所示：

.x-form-text-default.x-form-textarea {
line-height: 15px;
min-height: 60px;
}

可能的解决方案是您需要在自己的应用程序的css文件中覆盖此类/属性。然后它将得到反映。请检查此解决方案并回复。

Answer 2

默认情况下，vbox看起来像是在弯曲。这是一个fiddle来帮助你。