Вертикальная полоса прокрутки не отображается в IE 11 для textarea - PullRequest
Новая
       7

Вертикальная полоса прокрутки не отображается в IE 11 для textarea

0 голосов
/ 20 сентября 2018

У меня на 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%'
    }]
});

Когда я запускаю это в fiddler в IE11, я не вижу прокрутки.Я прилагаю скриншот.

Fiddler Image

Любое предложение или помощь.

1 Ответ

0 голосов
/ 20 сентября 2018

Это просто IE, являющийся IE ... если вы предоставите конкретный height (как в этом случае я сделал с 100) для этого textarea 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%'
}]
});

См. это здесь

...