JSFiddle - React, Tailwind, and code Playground

by TheJoeFletch

HTML

<div><input id="input1" /></div>

CSS

.ui-autocomplete {
    position: absolute; 
    cursor: default; 
    width: 300px;
    background-color:red;
}    

.ui-autocomplete li {
    border: 1px solid black;
}

JavaScript

$("#input1").autocomplete({
    delay: 0,
    minLength: 0,
    source: ["One", "Two", "Three"]
}).data("autocomplete")._renderItem = function(ul, item) {
    return $("<li class=\"li-class\"></li>").data("item.autocomplete", item).append("<a class=\"a-class\">" + item.label + "</a>").appendTo(ul);
};