JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" type="text/css" media="all" />

<DIV class=reportMenu>left menu</DIV>
<DIV id=reportBody><input id="tags"></DIV>

CSS

.reportMenu{
        position:                     absolute; 
        left:                             0px; 
        top:                             0px; 
        bottom:                    0px;
        width:                        250px;
        background-color:    yellow;
        padding:                    5px;
    }
    
    #reportBody{
        position:                 absolute; 
        left:                         260px; 
        padding:                5px;
    }

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: availableTags
    });
});