JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-master/select2.css">
<script src="http://ivaynberg.github.com/select2/select2-master/select2.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="mydialog">
    <input type="text"/>
    <select id="e1">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
    </select>
</div>

JavaScript

$(function() {

    $("#e1").select2();
    
    $('#mydialog').dialog({
        title: 'test',
        modal: false //if u change this to false it works
    });

});