JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<div class="container">
    <button class="btn btn-primary" data-toggle="popover">
        Open Popover
    </button>
</div>

CSS

button {
    margin: 3em;
}

JavaScript

$('button').popover({
    content: '<form class="form">'+
       '<div class="form-group">'+
          '<select class="chosen-select">'+
            '<option value="val1">value 1</option>'+
            '<option value="val2">value 2</option>'+
            '<option value="val3">value 3</option>'+
          '</select>'+
        '</div>'+
        '</form>',
    html: true
}).on('click', function() {
    
    $('.chosen-select').chosen({width: '100%'});
    
});