JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/css/jquery.ui.all.css">
<h1>jQuery UI autocomplete bug</h1>
<p>Chrome: 36.0.1985.125</p>
<p>Steps to replicate</p>
<ol>
    <li>Focus</li>
    <li>Type 'a' - list appears</li>
    <li>Tap DOWN - Actionscript is highlighted, list looks OK</li>
    <li style="color: #FF0000;">Tap DOWN again - Actionscript is selected, list collapsed to just one</li>
    <li style="color: #FF0000;">Subsequent taps of DOWN toggle the focus between input and list of one</li>
</ol>
<p><a href="http://imgur.com/UAXb1XH">Demo in animated GIF form</a></p>
<p>Test rig below:</p>
<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"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags,
        minLength: 0,
        delay: 0
    });