IE11で開いた後、ドロップダウンフィールドが自動的に閉じます

Question

私はいくつかのオプションがあるドロップダウンを持っています。

<div class="control-group pull-left"> 
    <label class=" help-inline"> Notify staff 
     <input type="text" class="span1 min" name="someName"/> 
     <select id="duration-unit-outingMinCutoff" name="duration-unit-outingMinCutoff" class="span2"> 
      <option value="minutes" selected="selected">minutes</option> 
      <option value="hours" selected="selected">hour(s)</option> 
      <option value="days" selected="selected">day(s)</option> 
     </select> 
     prior to start time 
    </label> 
</div> 

ドロップダウンをクリックすると、IE上で突然開きます。 IEでthisを開き、私が話している問題を見ることができます。

Answer 1

<label>の使用が問題です。入力はラベルの中に入るべきではありません。 Fiddle。

<div class="control-group pull-left"> 
<label class=" help-inline"> Notify staff</label> 
    <input type="text" class="span1 min" name="group.outingMinCutoff" /> 
    <select id="duration-unit-outingMinCutoff" name="duration-unit-outingMinCutoff" class="span2"> 
     <option value="minutes"> 
     minutes 
     </option> 
     <option value="hours"> 
     hour(s) 
     </option> 
     <option value="days"> 
     day(s) 
     </option> 
    </select> 
    <label> prior to start time</label> 
</div>