Estou usando o plug-in Select2, mas a funcionalidade de pesquisa interna não funciona quando o plug-in é usado com um diálogo modal jQuery. Eu tenho um violino que mostra o problema em ...

http://jsfiddle.net/jeljeljel/s3AFx/

Observe que a caixa de pesquisa não aceita o foco. Supõe-se que haja uma solução alternativa com o evento _allowInteraction (http://api.jqueryui.com/dialog/#method-_allowInteraction), mas não está funcionando para mim.

Alguém pode ajudar a ver como fazer este violino funcionar?

Além disso, este post de SO (Plugin select2 funciona bem quando não dentro de um diálogo modal jquery) discute o mesmo problema, mas as correções sugeridas não estão funcionando para mim.

HTML

<div class="dialog">
    <select>
        <option>A tall ship was seen a</option>
        <option>A tall ship was seen b</option>
        <option>A tall ship was seen c</option>
        <option>A tall ship was seen d</option>
        <option>A tall ship was seen e</option>
        <option>A tall ship was seen f</option>
    </select>
</div>

JAVASCRIPT

$('.dialog').dialog({
    modal: true,
    _allowInteraction: function (event) {
        return !!$(event.target).is(".select2-input") || this._super(event);
    }
});
$('select').select2();