Reply To: Select2 in modal, impossible to enter search text

[Support]

Hello Emmanuele,

This is a common issue with the Select2 JS: https://select2.org/troubleshooting/common-problems

To fix please follow the steps below:

1) Supposing you are using the “Basic Modal” code in the Modals page. Go to “js/examples/examples.modals.js” and change the “Basic” code to:

/*
Basic
*/
$('.modal-basic').magnificPopup({
	type: 'inline',
	preloader: false,
	modal: true,
	callbacks: {
		open: function() {
		    $(function() {
				$('#mySelect2').select2('destroy');
				$('#mySelect2').select2({
					theme: 'bootstrap',
			        dropdownParent: $('.mfp-content')
			    });
			});
		}
	}
});

2) And this is the needed HTML:
https://pastebin.com/raw/EDRGpgHk

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---