Extjs Tagfield：IE11でそのラベルをクリックしてリストを閉じるには？

Question

Internet Explorer 11でラベルをクリックしてExt.js 6.0.2のタグフィールドのリストを閉じるにはどうすればいいですか？

フィドルを調べてテストします。

https://fiddle.sencha.com/#fiddle/1h9n

Answer 1

誰かが私たちのタグフィールドの「選択されたリスト」を展開すると、そのラベルがonClickリスナーを取得するよりも。このリスナーは、tagfieldsラベルをクリックすると「選択リスト」を折りたたみます。

listeners: { 
     expand: function (field) { 
      // Collapse List when click on Label 
      field.getEl().el.component.labelEl.on('click', function() { 
        setTimeout(function() { 
         field.collapse(); 
        }, 100); 
       } 
      ); 
     } 
    } 

Answer 2

まず、あなたはより良い何が起こっているかを理解する必要があります。ラベルをクリックしたため、タグフィールドが閉じていません。タグフィールドがフォーカスを失ったため終了します。 Chromeでは、タグフィールドの外の場所をクリックするとラベル上だけでなく、閉じます。

これは、何が起こっているかのヒントを示します。タグフィールドはフォーカスを失っていません。ラベルのHTMLコードを見ると、forという属性が設定されています。タグフィールドの末尾にのラベルがあります。

ラベルをクリックすると、関連するフィールドにフォーカスを移すことになります。したがって、Internet Explorerでは、タグフィールドは決してフォーカスを失わないので、タグフィールドは決して閉じません。

IEはこのような状況で仕様の意図に近いと主張します。しかし、いずれにしても、この振る舞いが本当に必要な場合は、ラベルのonclickリスナーを使用して自分でコードをコーディングする必要があります。