Input type="time" + Datalist

Copper Contributor

The list of times in HTML INPUT type="time" with a Datalist does not open If the list appears at the top of the INPUT element. If it appears at the bottom, it's OK. Code example :

 

<div style="position:absolute;bottom:0">
<h3>if you choose OTHER on this element at the bottom, when the dataList opens above, nothing is displayed</h3> 
<input type="time" list="times2"  />
<datalist id="times2">
  <option label="Minuit">00:00</option>
  <option>06:00</option>
  <option label="midi">12:00</option>
  <option>15:00</option>
  <option label="gouter">16:00</option>
  <option>17:00</option>
  <option>18:00</option>
  <option>18:00</option>
  <option>18:00</option>
  <option>18:00</option>
  <option>19:00</option>
</datalist>
</div>

 

inputtime.gif

 

0 Replies