JSFiddle - React, Tailwind, and code Playground

by JorgePalaciosZaratiegui

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css">
<body>
   <div style="height:500px; width:500px; overflow:auto; display:block; background-color:red"> 
            <span class="asdf" style="height:3000px; display:block; left:100px;top:100px;position:relative">
                <select class="js-example-basic-single">
                      <option value="AL">Alabama</option>
                      <option value="WY">Wyoming</option>
                </select>
            </span>
    </div>
</body>

JavaScript

$(document).ready(function () {
    var parentElement = $(".asdf");
    $(".js-example-basic-single").select2({
                dropdownParent: parentElement
            });

});