JSFiddle - React, Tailwind, and code Playground

by dnzone88

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('blur');
    }
});