剣道DropDownListフォーカスをツールヒント

Question

フォーカスに剣道DropDownListでツールチップを表示する方法はありますか？ホバーは機能しますが、クリックは機能しますがフォーカスはしません。私はDropDownListにBootstrap popoverを実装したいが、剣道ツールチップもうまくいきません。

<input id="myInput" class="k-group" /> 


$("#myInput").kendoDropDownList({}).data("kendoDropDownList").wrapper.find(".k-input").kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'focus' // DOESN'T WORK 
    //showOn: 'mouseenter' // Works fine 
    //showOn: 'click' // Works fine 
}); 

https://codepen.io/raptor/pen/ZXzOwQ

編集：私は知りたい は、なぜフォーカス方法は動作しません。 DropDownListのサポートされていないオプションですか？

Answer 1

はそれを手動で表示：

var e = $("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .find(".k-input") 
     .kendoTooltip({ 
     content: 'tooltip tooltip tooltip', 
     showOn: 'mouseenter click' 
     }); 

e.closest(".k-widget").on("focus", function() { 
    $(this).find(".k-input").data("kendoTooltip").show(); 
}); 

Demo

はUPDATE：

いっそのこと、wrapper代わりの.k-inputにツールチップを作成します。

$("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'mouseenter click focus' 
    }); 

を

Updated Demo