JSFiddle - React, Tailwind, and code Playground

by telizpablo

HTML

<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="ui-widget">
  <form>
  <label for="developer">Developer: </label>
  <input id="developer">
  </form>
</div>

JavaScript

var names = [{"id":"1","value":"ábastecedor de Linha de Produ\u00e7\u00e3o"},
                {"id":"2","value":"Abastecedor de M\u00e1quinas"},
                {"id":"3","value":"Acabador de Embalagens"}]
 
    var accentMap = {
      "á": "a",
      "ö": "o"
    };
var a = $( "#developer" ).autocomplete({
      source: function( request, response ) {
          console.log(response);
          console.log(request);
            var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
            response( $.grep( names, function( value ) {
                  value = value.label || value.value || value;
                  return matcher.test( value ) || matcher.test( normalize( value ) );
            }) );
      }
});