当我使用emptyText时，Ext JS textarea在Chrome中更改其大小

Question

我有一个简单的Ext JS表单（4.1，但它似乎在4.2中可重现）。该表单包含一些textarea，我想在其中一个textareas上使用emptyText属性。我的问题是，当我使用emptyText时，只要获得焦点，Chrome中emptyText的控件就会略微缩小，然后在失去焦点时恢复其原始大小。在IE9中，它的大小始终保持不变。

我可以看到这个样式正在应用于包含emptyText的textarea：

.x-webkit .x-form-empty-field {
    line-height: 15px;
}

我不确定为什么需要这种风格，我也不确定为什么它会在应用时改变textarea的高度，但确实如此。不使用textarea的{​​{1}}有emptyText。

如何消除此调整大小？

这是一个小提琴：http://jsfiddle.net/YM5sa/

这是代码（也在小提琴中）：

line-height: normal;

Answer 1

我通过在line-height上明确设置textarea样式来解决此问题。这似乎很好地覆盖了.x-webkit .x-form-empty-field的行高值。

{
    xtype: 'textarea',
    fieldLabel: 'Two',
    name: 'two',
    emptyText: "Bacon ipsum dolor sit amet cow jerky shank bresaola swine", 
    width: 200,
    fieldStyle: 'line-height: normal;'
}