how to implement auto-hide when using tab or shift-tab

[tbl0605]

Hi, I'm trying to auto-hide the SOL component when I leave the '#my-select' input by using tab or shift-tab. Now I'm doing:

$(function() { $('#my-select').searchableOptionList({ events: { onInitialized: function(sol, items) { this.$input.focusout(function(event) { sol.close(); }); }}}); });

It works nicely when leaving the input '#my-select' but when I "tab" in (or "shift-tab" in) this input again, the options popup shows up but no option can be selected anymore using mouse!

What am I doing wrong?

Thierry.

[tbl0605]

When I'm using following it works much better, so this report can be closed:

$(function() { $('#my-select').searchableOptionList({ events: { onInitialized: function(sol, items) { this.$input.on('keydown', function(e) { if (e.which == 9) sol.close(); }); }}}); });

But wouldn't it be nice to add a SOL option to implement auto-hide using keyboard (like it's done now using the mouse)?

[pbauerochse]

If already have the ESC key to close the sol container so I guess it would not be that much of a bigger deal to also add the Tab Key ;)

I will keep this issue open and implement that at some point. Thanks for the feedback