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 ?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.17.0
- Device: Android
- Browser: Firefox
- OS: All
- Provided sample code: No
- Provided link: No
Grzegorz Bujański staff commented 5 years ago
Hi. Have You tried this solution: https://mdbootstrap.com/docs/jquery/forms/select/#validation ?