Expected behavior

Remove keyboard on mobile for md select

Actual behavior

The keyword is appear and impossible to select the option

Resources (screenshots, code snippets etc.)

I'm using this code for activate validation on select :

$('.mdb-select').materialSelect();
$('.mdb-select .select-dropdown').val("").removeAttr('readonly').attr("placeholder", "Sélectionner").prop('required', true).addClass('form-control');

When i remove the code bellow it works. I think it's because readonly attribute.

$('.mdb-select .select-dropdown').val("").removeAttr('readonly').attr("placeholder", "Sélectionner").prop('required', true).addClass('form-control');

With the readonly attribute the keyboad not appear but the validation doesn't work

Without the readonly attribute the keyboard appear and the validation work

Idea ?