extjs - ExtJS 6 でのタグフィールド選択フォーカスの問題

Question

フォーカスにemptyText問題があります。emptyText を設定すると、ピッカー フォーカス管理で何かが壊れ、タグフィールドがフォーカスを失ったときにピッカーが閉じられなくなります。TagfieldExtJS 6.

このポップアップ修正の回避策はありますか?

emptyText構成を使用する場合は、タグフィールドでフィドルグリッチを見つけてください

Answer 1

構成が設定されていない場合でも問題が解決しないことがわかりました。emptyTextこれは、これがピッカーの焦点に関する一般的な問題であることを示しています。テキスト入力をクリックすると、ドロップダウンをクリックしてピッカーを閉じることができます。expand回避策として、イベントをリッスンしてピッカーのフォーカスを強制できます。以下のコードは、この変更を示しています。

{
    xtype: 'tagfield',
    fieldLabel: 'Select states',
    store: {
        type: 'states'
    },
    emptyText: 'Select...',
    displayField: 'state',
    valueField: 'abbr',
    filterPickList: true,
    queryMode: 'local',
    listeners: {
        expand: function (field) {
            field.getPicker().focus();
        }
    }
}