JSFiddle - React, Tailwind, and code Playground

by spoike

HTML

<input id="sokruta" type="text" />
<br/>
<ol id="sokresultat" style="display:none;">
    <li>Lol</li>
    <li>Cat</li>
    <li>Foo</li>
    <li>Bar</li>
</ol>

CSS

li {
    background-color: #ccc;
}

JavaScript

$(document).on('keyup', '#sokruta', function() {
    $('#sokresultat').show();
});

$(document).on('click touchstart', '#sokresultat, #sokresultat li', function(e) {
    e.stopPropagation();
});

$(document).on('click touchstart', function(e) {
    $('#sokresultat').hide();
});