JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css">
<input type="text" id="box"><br>
<input type="text" id="box2">

JavaScript

$("#box").autocomplete({
    minLength: 3,
    source:[
            "ActionScript",
            "ActionScript2",
            "ActionScript3",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
]});

$("#box").keydown(function(en){

    var e = $.Event('keydown', en);
    
    e.char;
    console.log(en.keyCode, e.keyCode);

    if( e.keyCode != $.ui.keyCode.TAB) return; 
    
   e.keyCode = $.ui.keyCode.DOWN;
   $(this).trigger(e);

   e.keyCode = $.ui.keyCode.ENTER;
   $(this).trigger(e);
    
   $(this).siblings("input").select();
});