google-chrome - UI ダイアログでカーソルが点滅しない (Chrome のみ)

Question

これは、私が抱えている問題を示すコードですhttp://jsfiddle.net/XmqgA/

HTML:

 <div id="dialogg" style="display:none">
   <input type="text" id="textinp" />
 </div>

 <p>Draggable boxes. Click a clickable box to open a dialog</p>
 <div class="draggable ui-sortable">
   <div class="dragme" id="clickbox">Clickable box</div>
   <div class="dragme">Box</div>
 </div>

 <br/>

 <p>Simple button that opens up a dialog</p>
 <button id="click">Click</button>

JS:

$('.draggable').sortable({
    connectWith: ".draggable",
    items: "> .dragme",
    appendTo: "body"
});

$("#click").unbind().bind("click", function () {
    $("#dialogg").dialog();
    $("#textinp").focus();
});
$("#clickbox").unbind().bind("click", function () {
    $("#dialogg").dialog();
    $("#textinp").focus();
});

基本的に、シンプルなボタン、ドラッグ/ソート可能な要素、およびテキスト入力フィールドを備えた UI ダイアログ ウィンドウがあります。

ボタンと並べ替え要素の両方に、UI ダイアログを開くオンクリック イベントがあります。並べ替え要素をクリックしてダイアログを開くと、ui-dialog の入力ボックス内のカーソル/キャレットが点滅しないという事実を除いて、すべて正常に機能します。ただし、どちらの場合も、入力フィールドにフォーカスがあります。

これは Chrome でのみ再現できるようですが、Chrome のみのバグの中には見つかりませんでした。

ありがとう！