JSFiddle - React, Tailwind, and code Playground

HTML

<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
<form>
    <input>
</form>

CSS

input {
    position: absolute;
    bottom: 2.5em;
}

JavaScript

$('input').autocomplete({
    source: ['abcd','abcde','abcdef','abcdefg','abcdefgh'],
    position: {
        my: "left top",
        at: "left bottom",
        collision: "flip"
    }
});