Topic: MdSelect on mobile

mdw free asked 2 years ago


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 ?


Grzegorz Bujański staff commented 2 years ago

Hi. Have You tried this solution: https://mdbootstrap.com/docs/jquery/forms/select/#validation ?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • 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