Select2 broken width JqueryUI

[michelreyes]

hello,
i use select2 (i test all version, since 2.2 until master)
i use jquery 1.9.1 (with and without migrate)
i use jqueryui lastest version

When i put a select2 on a jqueryui dialog and dropdown de select2 to search some option the input for search lose control (focus). I test , and test and retest in diferents new projects but always is the same result.

can you please help me?

sorry my english :{

[michelreyes]

I recentely read Issue #940 and use the solution posted there:
$("select").select2( { dropdownCssClass: 'ui-dialog' } );

if any other solution , please share it
thanks!

[michelreyes]

i also see the following solution:

$.ui.dialog.prototype._allowInteraction = function(e) {
return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-drop').length;
};

And my question is: what will be the best solution?
the first: solution (post previosuly) must apply in every select2 call
the second one: must by apply just once.
...But what kind of implication have each in the DOM or in any project?

[ivaynberg]

there is no "best". personally i prefer

$.ui.dialog.prototype._allowInteraction = function(e) {
    return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-drop').length;
};

[Ankush-Goyal]

Try editing the jquery.ui.js file.
Just add $(selector).select2() in the widget function open and inside it just after this._trigger("open").
Its a workaround but should help.