I am using jquery-tokeninput.
On mobile devices, when trying to add a token, a keyboard should open up, but the keyboard only opens when touching/clicking/focusing on $(".token-input-input-token-facebook")
and not on $(".token-input-list-facebook")
(using the Facebook theme).
I have tried doing:
$(".token-input-list-facebook").live('click', function(e){
e.preventDefault();
$(".token-input-input-token-facebook").focus();
});
but that didn't work (along with other variants).
The html is:
<ul class="token-input-list-facebook">
<li class="token-input-input-token-facebook">
<input type="text" autocomplete="off" id="token-input-change_tags" style="outline: none; width: 30px;">
<tester style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0px; white-space: nowrap;">
</tester>
</li>
</ul>
Is there a solution for this?