Fix SelectJS dropdown and autocomplete

assets/css/um-styles.css

@@ -784,7 +784,7 @@ small.um-max-filesize span{
 /* Select2 4.0*/
 .select2-container.select2-container--open {
     z-index: 9999999;
-}
+ }
 .select2.select2-container .select2-selection{
     display: block !important;
     height: 40px;

assets/js/um-scripts.js

@@ -176,9 +176,20 @@ jQuery(document).ready(function() {
 		return false;
 	});
 
+	if ( jQuery.ui && jQuery.ui.dialog && jQuery.ui.dialog.prototype._allowInteraction ) {
+	    var ui_dialog_interaction = jQuery.ui.dialog.prototype._allowInteraction;
+	    jQuery.ui.dialog.prototype._allowInteraction = function(e) {
+	        if ( jQuery(e.target).closest('.select2-dropdown').length ) return true;
+	        return ui_dialog_interaction.apply(this, arguments);
+	    };
+	}
+
+
+
+	jQuery('.um-s1,.um-s2').css({'display':'block'});
+	
 	jQuery(".um-s1").select2({
 		allowClear: true,
-		minimumResultsForSearch: 10
 	});
 
 	jQuery(".um-s2").select2({
@@ -186,8 +197,6 @@ jQuery(document).ready(function() {
 		minimumResultsForSearch: 10
 	});
 
-	jQuery('.um-s1,.um-s2').css({'display':'block'});
-
 	jQuery(document).on('click', '.um-field-group-head:not(.disabled)', function(){
 		var field = jQuery(this).parents('.um-field-group');
 		var limit = field.data('max_entries');