JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ui-widget">
    <label for="tags">Tags:</label>
    <input id="tags">
</div>

JavaScript

var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"];

var disable = false;

$("#tags").autocomplete({
    source: availableTags,
    open: function (event, ui) {
        disable = true;
    },
    close: function (event, ui) {
        disable = false;
        $(this).focus();
    }
}).blur(function () {
    if (!disable) {
        alert($(this).val());
    }
});