垂直滚动条在IE 11中对于textarea不可见

Question

我在TextArea并且给了一个垂直滚动条，我的textarea是只读的。 但是我在这里注意到的是我的滚动条在IE11中不可见。 顶部和底部箭头会出现，但滚动条不会出现。

我的代码：

Ext.create('Ext.form.FormPanel', {
    title      : 'Sample TextArea',
    width      : 400,
    bodyPadding: 10,
    renderTo   : Ext.getBody(),
    items: [{
        xtype     : 'textareafield',
        grow      : true,
        name      : 'message',
        fieldLabel: 'Message',
       /* disabled : true,*/
       readOnly : true,
        value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
        anchor    : '100%'
    }]
});

当我在IE11中将它运行到提琴手中时，我看不到滚动。 我附上截图。

任何建议或帮助。

Answer 1

IE就是IE ...如果您为该textarea提供特定的height （例如，在本例中为100 ），则IE将显示滚动条...默认情况下，丑陋的外观看起来带有两个大箭头：

Ext.create('Ext.form.FormPanel', {
title      : 'Sample TextArea',
width      : 400,
bodyPadding: 10,
renderTo   : Ext.getBody(),
items: [{
    xtype     : 'textareafield',
    grow      : true,
    height    : 100,
    name      : 'message',
    fieldLabel: 'Message',
   /* disabled : true,*/
   readOnly : true,
    value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
    anchor    : '100%'
}]
});

在这里看到