JSFiddle - React, Tailwind, and code Playground

HTML

<html>

    <head>
        
        <script type='text/javascript' src='https://raw.github.com/donutdan4114/jquery-listDropDown-plugin/master/jquery.listDropDown.min.js'></script>

        <!-- DEMO JAVASCRIPT -->
        <script type='text/javascript'>
            $(document).ready(function(){

                $('ul.toDropDown').listDropDown({minWidth:1000});

            });
        </script>

    </head>

    <body>
        Try shrinking the screen down:

        <ul class='toDropDown' data-selected='0' data-null='-- select an item --'>
            <li data-value='one'>item one</li>
            <li data-value='two'>item two</li>
            <li data-value='three'>item three</li>
            <li data-value='four'>item four</li>
        </ul>

    </body>

</html>