JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="name">
<div id="suggest" tabindex="-1">
  <div>mark</div>
  <div>sam</div>
  <div>john</div>
</div>

CSS

#suggest {
    display: none;
}

#name:focus + #suggest, #suggest:focus {
    border: none;
    display: block;
}