JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Title</title>
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="//static.jstree.com/latest/assets/dist/themes/default/style.min.css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <style>
        .custom-combobox {
            position: relative;
            display: inline-block;
        }

        .custom-combobox-toggle {
            position: absolute;
            top: 0;
            bottom: 0;
            margin-left: -1px;
            padding: 0;
        }

        .custom-combobox-input {
            margin: 0;
            padding: 5px 10px;
        }
    </style>
</head>

<body>
    <span class="custom-combobox"><input title="" size="40"
            class="custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input"
            autocomplete="off"><a tabindex="-1" title="Show All Items"
            class="ui-button ui-widget ui-button-icon-only custom-combobox-toggle ui-corner-right" role="button"><span
                class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space">
            </span></a>
    </span>
</body>

</html>