ExtJS 6のタグフィールドのバグ

Question

私は非常に小さなフィールを作成しましたdemo、これはタグフィールドコンポーネントの2つの厄介なバグを示しています。 FireFoxとChromeの別のバグでは、1つのバグが確認できます。 Chromeであなたはひどい見て、垂直スクロールバーを参照してくださいになります。

とFirefoxであなたは両方の値を選択した場合（店舗内2があることを、見ることができ、その後、選択から第2の値を削除し

、その後、tagfieldはまだ第二列に焦点を当てて保持し、その値が表示されていない：

私は誰かができ、すべてのこれらのバグはバグではないことを、願っていますが、いくつかの設定ミスと私は願っています。それを修正するように構成する必要があるプロパティを提供します。

CODE

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

あなたはグロー使用することができます：あなたは、垂直スクロールをしたくない場合は、true設定を。 フィドルを確認してください。
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" 
      }] 
     } 
    }) 
} 
});