JSFiddle - React, Tailwind, and code Playground

HTML

<input type='text' id='tags' value='' />
<div id='status'></div>

CSS

#status{
    float: right;
    font-weight: bold;
    color: #cc0000;
}

JavaScript

$(function() {

    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: function(request, cb) {
            $('#status').append('<br />getting values...');
            cb(availableTags);
        },
        minLength: 0
    });
   
    
    $('#tags').focus(function() {
        if ($("ul.ui-autocomplete").is(":hidden")) {
            $(this).autocomplete('search', '');
        }
        
    });
});