带有jquery和jquery UI的两个文本框输入焦点问题

Question

我有一个页面，其中包含一个弹出式div，其中包含包含以下代码片段的表单：

<input type="radio" name="periodtype" value="preset" checked> 
Period
    <select name="presetval">
        <option value="0">All</option>
        <option value="1">30 Days</option>
        <option value="2">60 Days</option>
    </select>
<br>
<input type="radio" name="periodtype" value="manual"> 
Periode
    <input type="text" name="periodstart" class="datepicker">
    <input type="text" name="periodend" class="datepicker">

当我点击下拉选择时，如果我一直按住鼠标按钮，则选择将仅显示下拉框。一旦我放手，下拉立即关闭。

当我点击第二个输入框时，焦点立即变为第一个输入框。

是的，我目前正在尝试开发两个可以显示来自jquery UI的下拉日期选择器的文本输入。我知道在互联网上有关于jquery UI日期选择器的这种奇怪现象的流传讨论。但我还没有附上日期事件触发器。我是否加载jquery UI插件似乎并不重要。 如果我不加载jquery ，这种奇怪的感觉就会停止。

您可以在此处查看jsfiddle以进行说明。问题是，这个问题不能在jsfiddle上重现。我甚至尝试使用整个弹出窗体重现，但仍然无法重现它。

如何解决此问题？这真的是一个jquery UI问题吗？