Change event doesn't fire on select if you use combination of keyboard and mouse

[nikkilocke]

Example at ​http://www.trumphurst.com/jquerybug.html
If you focus to a select, then use the arrow keys to select a different value, then without tabbing off the select use the mouse to drop down the field and choose the same (new) value, the change event will not be fired. Even if you tab off the select.

[nikkilocke]

Example reproduced at ​http://jsfiddle.net/raV3n/, if you prefer it there.

[jitter]

Thanks for taking the time to contribute to the jQuery project by writing a bug report and providing a test case!

I can't seem to reproduce this in any browser but Chrome. So this is actually a Chrome bug and not a jQuery bug and you should report it on the Chrome bug tracker. ​test case which reproduces this with out jQuery included.

This also can't be worked around in a trivial fashion. Furthermore I suggest that you further compare the behavior of different browsers for this. e.g. Opera triggers the change event for every value you select with the arrow keys not only when "tabbing out".

Relying on events like change is though and always prone to errors as the behavior slightly differs from browser to browser and even from platform to platform (hint: mac).

Unless you can yourself provide a clear fix which doesn't introduce unnecessary overhead this won't be fixed.

---

​Getting Involved
​Tips for jQuery Bug Patching

[temp01]

This is an old and known webkit issue and affects more than just change event (the item doesn't update in UI either). See ​http://crbug.com/57124

[temp01]

The UI updating issue doesn't happen with the repro steps here (using arrow keys then mouse) but I'm *guessing* that the root issue is the same as in the bug I pointed out in previous comment.