Forums › Forums › Search & Filter Pro › Select input UI opens with dropdown on iOS

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  July 31, 2019 at 12:25 am #217625

    Screenshot: https://www.dropbox.com/s/ciach7vg3zafgtn/20190730-160914.jpg

    I’m using a Sort Order field with “Dropdown” input type and Combobox script is set to Select2 in settings.

    On iOS (tested on iPhone XS both Safari and Chrome) when you click to sort, both the combobox and the browser’s default select input UI opens. Works as expected on Android.

    Any ideas? Thanks!

    Anonymous
    (Private)  July 31, 2019 at 12:25 am #217626
    This reply has been marked as private.
    Trevor
    (Private)  July 31, 2019 at 10:09 am #217640

    Could you try adding this script to the page (taken from this github page: https://github.com/select2/select2/issues/4772 ):

    jQuery(document).on('select2:opening select2:open', function(e) {
	console.log(navigator.userAgent);
	if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
		setTimeout(function(e) {
			document.activeElement.blur();
		}, 1);
	}
});

    If you add it directly into the page, it will need script tags around it.

    Anonymous
    (Private)  July 31, 2019 at 10:19 pm #217741

    Ah right, I didn’t think to search Select2’s issues. Thanks Trevor, that fixes it!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)