JQuery Mobile Select Keyboard Operation not working? -
if tab jquery mobile (1.2 - 1.3) enhanced select, expect [down arrow] either select options or open selectable options if had clicked/tapped on select. finding underlying select apparently being made, options list not shown , visible selected option not changing.
see http://jsfiddle.net/f9w67/
<form> <div data-role="fieldcontain"> <input id="start" type="text" placeholder="start here , tab"> <select name="select-native-1" id="select-native-1" onchange="alert($('#select-native-1').val())"> <option calue="0">choose keyboard ...</option> <option value="1">the 1st option</option> <option value="2">the 2nd option</option> <option value="3">the 3rd option</option> <option value="4">the 4th option</option> </select> </div> </form>
click in first input box , without using mouse, tab select , try select option keyboard. nothing apparently changes until exit select, when see underlying value has changed. if remove jquery mobile, see expected operation.
is bug or feature , easiest way allow keyboard operation?
additional info: seems more complicated thought. in jqm 1.2.0, there seems issue ff. in jqm 1.3.2 there unexpected behavior in chrome, ie , safari too.
what happens once on select, pressing down arrow causes first option selected, focus lost - subsequent keystrokes not accepted. breaks behavior of finding option pressing several keys in quick succession. e.g. "a" followed "3" should select "a3 - test" list:
<option>a1 - test 1</option> <option>a2 - test 2</option> <option>a3 - test 3</option> <option>3 - test 4></option>
Comments
Post a Comment