Autocomplete problem on mobile device

Autocomplete problem on mobile device

Hi There, im having an issue, where on a mobile device the onscreen keyboard covers the menu items from the autocomplete suggestion, if i use Blur() with the On callback, the keyboard disappears but the menu items dont show either, im thinking this cause it must be tied to the text input being infocus, 

what are my options getting around this on a mobile/tablet device with virtual keyboard

  1. $('#autoComp').autocomplete({
  2. source: function( request, response ) {
  3. $.ajax({
  4. url : 'ajax.php',
  5. type: 'POST',
  6. dataType: "json",
  7. data:{
  8. query: request.term
  9. },
  10. success: function( data ) {
  11. if(data.length == 0){
  12. data.push({
  13. label: "Name not Found - Click to Continue",
  14. value: 0
  15. });
  16. response(data);
  17. }else{
  18. response(
  19. $.map( data, function( item ) {
  20. var code = item.split("|");
  21. return {
  22. label: code[0] + " - " + code[1],
  23. value: code[0],
  24. data : item
  25. }
  26. })
  27. );
  28. }
  29. }
  30. });
  31. },
  32. autoFocus: true,      
  33. minLength: 3,
  34. select: function( event, ui ) {
  35. if(ui.item.value == "Name not Found - Click to Continue"){
  36. hideAutoComplete();
  37. $('#name').val($('#autoComp').val());
  38. setTimeout(function(){
  39. selectParty();
  40. }, 900);
  41. }else{
  42. hideAutoComplete();
  43. setTimeout(function(){
  44. selectParty();
  45. }, 900);
  46. var names = ui.item.data.split("|");
  47. $('#name').val(names[0]);
  48. $('#village').val(names[1]);
  49. }
  50. }, open: function( event, ui ) {
  51. $('.ui-autocomplete, .ui-front, .ui-menu ui-widget, .ui-widget-content').css('display', 'block');;
  52. $(this).blur();
  53. }
  54. });

Thanks