Problem with select2 multiple-select on Safari

[tmconnect]

On Safari (10.1.1) the post_select field doesn't work correctly. Entering the field drops down the notice "Please enter 1 or more characters" but I'm not able to enter anything.

Tested with Chrome it works as expected.

Any ideas?

[szepeviktor]

Does https://select2.github.io/examples.html work?

[tmconnect]

Yes and other select2 fields (e.g. from ACF) working as well.

But it is no conflict with other plugins. Tried it with only Shortcode UI 0.7.2 activated.

[szepeviktor]

define( ‘SELECT2_NOCONFLICT’, true ); ?

[tmconnect]

Excuse me, I could have mentioned - yes it's set

[szepeviktor]

Possible browser console messages?

[tmconnect]

No, nothing. No console messages, no debug messages...

[szepeviktor]

Could you inspect the event on the Select2 drop-down?

[tmconnect]

Sure, but I see that I got some click events that I don't see on you screenshot. And I see that you use a single-select field and I'm a multiple-select field.

I tested the single-select and it worked. But the multiple-select doesn't.

[nicoladj77]

I have an issue when I have multiple select2 for Posts select on chrome. @tmconnect is the same issue you are mentioning?

[tmconnect]

@nicoladj77 No, I have only one select field that is set to select multiple posts and I can't input any text in the search field.

[scheurta]

The issue (for me) is that the select2 input field select2-search__field has an inline style with width: 0px;. The issue disappears when I set a min-width for that input field in the .edit-shortcode-form

Example code:

add_action( 'admin_head', function() {
    ?>
    <style>
        .edit-shortcode-form input.select2-search__field {
            min-width: 50px;
        }
    </style>
    <?php
});

I'm using version 0.7.2, I'm not sure if this is fixed in 0.7.3.

[pySilver]

@nicoladj77 thats an issue with css:

// Select2 Fix
.edit-shortcode-form .select2-container {
  z-index: auto;
}