When the autocomplete input field is inside a div which has a scrollbar, the results will not be shown at the input field position as expected, but probably at the bottom of the page.

To fix that issue I modified the showResults function as follows:

function showResults() {

get the position of the input field right now (in case the DOM is shifted)

var pos = findPos(input);

either use the specified width, or autocalculate based on form element

var iWidth = (options.width > 0) ? options.width : $input.width();

var firstParentDIV;

var currentNode = input;

while (currentNode.tagName.toLowerCase() != "div"){

currentNode = currentNode.parentNode;

}

// reposition

$results.css({

width: parseInt(iWidth) + "px",

top: ((pos.y + input.offsetHeight) - currentNode.scrollTop) + "px",

left: pos.x + "px"

}).show();

};

Thank You:

Pablo Tomas Borda Di Berardino