Topic: MdSelect on mobile
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 ?
Open
- User: Pro
- Premium support: Yes
- Technology: jQuery
- MDB Version: 4.17.0
- Device: Android
- Browser: Firefox
- OS: All
- Provided sample code: No
- Provided link: No
Grzegorz Bujański staff commented 11 months ago
Hi. Have You tried this solution: https://mdbootstrap.com/docs/jquery/forms/select/#validation ?