<p>A ComboBox with an initial query. (Limits list to items with type = country.)</p>
<inputid="progCombo2">
<hr>
<inputtype="button"value="Create one in a window"onclick="var win=window.open(window.location);"></input>
<inputtype="submit">
</form>
<p>
This is some text below the ComboBoxes. It shouldn't get pushed out of the way when search results get returned.
also: adding a simple combo box to test IE bleed through problem:
</p>
<select>
<option>test for</option>
<option>IE bleed through</option>
<option>problem</option>
</select>
<h3>Some tests:</h3>
<ol>
<li>Type in D - dropdown shows Delaware and District of columbia. [Would be nice if it bolded the D's in the dropdown list!]</li>
<li>Type in DX - input box shows DX and no dropdown.</li>
<li>Open dropdown, click an item, it selects and closes dropdown.</li>
<li>Click triangle icon - dropdown shows. Click it again - dropdown goes.</li>
<li>Check that you can type in more than required (e.g. alaba for alabama) and it still correctly shows alabama</li>
<li>Tab into the combo works, list should not apear.</li>
<li>Tab out of the combo works - closes dropdown and goes to next control (focus should not go to the dropdown because tabindex="-1").</li>
<li>Do the dropdown and click outside of it - the dropdown disappears.</li>
<li>Javascript disabled -> fallback to old style combo?</li>
<li>Can you paste in the start of a match? [no]</li>
<li>Backspace to start - dropdown shows all all items</li>
<li>Backspace deselects last character [Borked: currently you have to backspace twice]</li>
<li>Press down key to open dropdown</li>
<li>Down and up keys select previous/next in dropdown.</li>
<li>Non-alpha keys (F12, ctrl-c, whatever) should not affect dropdown.</li>
<li>Press down arrow to highlight an item, pressing enter selects it and closes dropdown.</li>
<li>Press down arrow to highlight an item, pressing space selects it and closes dropdown.</li>
<li>Check that pressing escape undoes the previous action and closes the dropdown</li>
<li>Check that pressing escape again clears the input box.</li>
<li>In IE, mouse scroll wheel scrolls through the list. Scrolls by 1 item per click even if user has set mouse to scroll more than 1 in mouse settings. Only scrolls if text input has focus (page scrolling works as normal otherwise)</li>
<li>In IE, dropdown list does not go behind the second combo (special code to manage this).</li>
<li>Check dropdown is aligned correctly with bottom of the text input</li>
<li>Probably should try the combo in a relative div or absolute div and see where the dropdown ends up. (Strongly suspect problems in this area in IE - boo)</li>
<li>Try repeatably droppingdown and closing the dropdown. Shouldnt get hung [sometimes flicks closed just after opening due to timers, but not a biggie]</li>
<li>Check that default selection of the text makes sense. e.g. text is selected after picking an item, on tabbing in to text input etc)</li>
<li>Check that dropdown is smooth [looks uggy on second keypress in FF - hides then shows]</li>
<li>Clear the field. Type in A and then tab *very quickly* and see if the results make sense (the dropdown is on a timer - searchTimer)</li>
<li>Clear the field and enter an invalid entry and tab out e.g. Qualude. Does that make sense given the combobox setup options?</li>
<li>(Add any other tests here)</li>
</ol>
<divid="debugbox"></div>
<!-- maintain state of combo box if user presses back/forward button -->