JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/themes/redmond/jquery-ui.css">
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/jquery-ui.min.js"></script>
<div id="container">
    <section role="main">
        <section id="section1">
            <input name="input1" type="text" />
        </section>
    </section>
</div>

CSS

html
{
    height: 100%;
}

body
{
    height: 100%;
}

section[role="main"]
{
    padding: 5px;
}

#container
{
    min-height: 100%;
}

#section1
{
    text-align: center;
}

JavaScript

$("#section1 input[name=input1]").autocomplete({
    source: ["test1", "test2", "test3", "test4", "test5", "test6", "test7", "test8", "test9", "test10"]
});