Ошибки Tagfield в ExtJS 6

Question

Я создал очень маленькую скрипку demo, которая демонстрирует две неприятные ошибки компонента tagfield. Одна ошибка может быть обнаружена в FireFox и еще одна ошибка в Chrome. В Chrome вы увидите страшный глядя вертикальный скроллер:

И в FireFox вы можете увидеть, что если вы выбираете оба значения (есть два в магазине, а затем удалить второе значение из выборки , то tagfield все еще держит сосредоточиться на втором ряду, и поэтому значение не видно:

Я надеюсь, что все эти ошибки не являются ошибками, но некоторая расконфигурация и я надеюсь, что кто-то может. предоставить эти свойства, которые должны быть настроены для его исправления.

КОД

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     Ext.create('Ext.form.field.Tag',{ 
      renderTo: "tagfield", 
      displayField: "name", 
      valueField: "id", 
      queryMode: 'local', 
      autocomplete: 'off', 
      grow: false, 
      triggerOnClick: false, 
      itemId: "BaseLayers", 
      forceSelection: true, 
      width: 200, 
      matchFieldWidth: false, 
      value: 1, 
      store: { 
       autoLoad: true, 
       storeId: "BaseLayersStore", 
       fields:[ 
        {name:'id', type:'string'}, 
        {name:'name', type:'string'} 
       ], 
       data: [{ 
        id: 1, 
        name: "Very first value" 
       },{ 
        id: 2, 
        name: "Second value" 
       }] 
      } 
     }) 
    } 
}); 

Answer 1

вы можете использовать Grow: истинный конфигурации, если вы не хотите вертикальной прокрутки. пожалуйста, проверьте скрипку:
https://fiddle.sencha.com/#view/editor&fiddle/1m9v

Ext.application({ 
name : 'Fiddle', 

launch : function() { 
    Ext.create('Ext.form.field.Tag',{ 
     renderTo: "tagfield", 
     displayField: "name", 
     valueField: "id", 
     queryMode: 'local', 
     autocomplete: 'off', 
     grow: false, 
     triggerOnClick: false, 
     itemId: "BaseLayers", 
     forceSelection: true, 
     width: 200, 
     grow:true, 
     matchFieldWidth: false, 
     value: 1, 
     store: { 
      autoLoad: true, 
      storeId: "BaseLayersStore", 
      fields:[ 
       {name:'id', type:'string'}, 
       {name:'name', type:'string'} 
      ], 
      data: [{ 
       id: 1, 
       name: "Very first value" 
      },{ 
       id: 2, 
       name: "Second value" 
      }] 
     } 
    }) 
} 
});