JSFiddle - React, Tailwind, and code Playground

by GertG

HTML

<link rel="stylesheet" href="http://select2.github.io/select2/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/select2.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/select2.min.js"></script>
<select id="list1" class="select2" multiple="multiple">
    <option>Option1</option>
    <option>Option2</option>
    <option>Option3</option>
</select>

JavaScript

$("#list1").select2({
        closeOnSelect: false,
        width: 150
    });

$("#applyButton").click(function(){console.log('button click')});
$("#applyButton").mouseup(function(){console.log('button mouseup')});  

$("#list1").on('select2-close', function(){console.log('closing list');});