剣道UI IEで途中で閉じる（dojoの例）

Question

固定高さのコンテナ内に剣道のUI MultiSelectがあります（モーダルポップアップと思う）。 MultiSelectはautoCloseをfalseに設定します。

ユーザーが複数の項目を選択すると（そして入力元の入力フィールドが大きくなると）、MultiSelectのリストはランダムに閉じているようです。

再現手順：http://dojo.telerik.com/aKeGu/4

は複数選択が任意の洞察力が高く評価され

を閉じるまで複数選択で一つ一つの項目を選択開始

• ロード。

  ありがとうございました。

Answer 1

実際にはランダムに閉じているわけではありませんが、「ポップアップ」コンテナが垂直方向のスペースを使い果たしたときにスクロールし始めると直ちに終了します。スクロールしているイベントによってドロップダウンが終了しています。ポップアップにoverflow-y: none;を設定すると、問題がなくなることがわかります。

IE用にこれを解決する唯一の方法は、コンテナがスクロールしないようにするための回避策です。明らかにそれはあなたのためのいくつかのUIの意味を持っているので、あなたはCSSを介してそれを行うか、スクロールイベントを消費し、それをキャンセルするJavaScriptを使用するかどうかを決定する必要があります。

あなたはここにドロップダウンリストで同様のスクロールの問題にはいくつかの解決策を確認できますし、またhttp://dojo.telerik.com/OJugu

そのスレッドを見てみましょう： http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/how-to/appearance/prevent-close-on-scroll

、ここをhttp://www.telerik.com/forums/scrolling-bug-causes-multiselect-dropdown-to-close-(with-dojo-example)

Answer 2

私は解決策を決定。スクロールイベントの前にドロップダウンが閉じられているようでした。だから、私はスクロールイベントをインターセプトし、キャンセルして、ドロップダウンを再度開きます。

の作業例： http://dojo.telerik.com/aWAQu/6

ソリューション：

$('.caregiver-window-fixed-height').on('scroll', function (e) { 
    var $widget = $('#careGiverHelpTags').data("kendoMultiSelect"); 

    if (e.type == "scroll" && $widget.wrapper.hasClass('k-state-focused') && $widget.list.is(':visible')) { 
     e.preventDefault(); 
     e.stopImmediatePropagation(); 
     $widget.open(); 
    } 
});