<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/picker-common.js"></script>
<body style="background-color: #eeffff;">
<input type=time value="12:31" list="suggestions" style="width: 200px;" step="0.001">
<datalist id=suggestions>
<option>111:23</option> <!--invalid-->
<option>13:60</option> <!--invalid-->
<option>foo</option> <!--invalid-->
<option label="Now">01:01</option>
<option>14:23</option>
<option>12:34:56</option>
<option>01:23:45.678</option>
<option>01:05</option>
<option>01:06</option>
<option>01:07</option>
<option>01:08</option>
<option>01:09</option>
<option>01:10</option>
<option>01:11</option>
<option>01:12</option>
<option>01:13</option>
<option>01:14</option>
<option>01:15</option>
<option>01:16</option>
<option>01:17</option>
<option>01:18</option>
<option>01:19</option>
<option>01:20</option>
</datalist>
<script>
window.onload = openPickerAppearanceOnly(document.querySelector('input'),() => {
internals.pagePopupWindow.focus();
eventSender.keyDown('ArrowDown');
});
</script>