Topic: Bug Multiple Select MDB PRO Your WebSite and Package MDB Pro 4.4.3.ZIP

Supplier Management pro asked 4 years ago


Hello, I just had the Pro version and I noticed that there is a bug in the multiple Select on your website ("https://mdbootstrap.com/javascript/material-select/") in the section " Multiple Select MDB Pro Component " and in the zip mdb pro version. for example: When option 2 is selected, option 1 is selected. Can you fix the problem? The problem is in the file MDB.min I think. Thank you in advance for your answer. Regards, this is  code  your website

<select class="mdb-select" multiple>
    <option value="" disabled selected>Choose your option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>
<label>Example label</label>

Ozcan Arslan pro commented 4 years ago

Same here. I wanted to use material select with multiple but got problem. But when adding searchable=".." tag to select then multiple selection is working as expected.

logiczone free commented 4 years ago

I'm seeing the same issue. On your own example page, on the "Multiple Select" control. I performed the following: 1) Selected "Option 1". The item is checked, but the Select input still shows "Choose your option" 2) Selected "Option 1" and "Option 2". The items are checked but the Select input shows: "Choose your option, Option 1" 3) Selected all 3 options. The Select input shows: "Choose your option, Option 1, Option 2" Btw, I'm using MDB Jquery.

Jakub Strebeyko staff answered 4 years ago


Hi all, Thanks for reaching out! If you made no mistake while picking the thread's category, than I got to inform you that there is no select component for MDB Vue as of time being. If, as your snippets suggest, you mean MDB jQuery version, then please update to the latest 4.5 version, where issues with multiselect should be addressed. With Best Regards, Kuba

development pro answered 4 years ago


Hola, yo tenía el mismo problema con el componente "Multiple select" de mdb. La solución fue editar el código fuente de la biblioteca mdb.js dentro el componente $.fn.material_select En la línea:
selected = toggleEntryFromArray(valuesSelected, $(this).index() - 1, $select);
Reemplaza por:
selected = toggleEntryFromArray(valuesSelected, $(this).index(), $select);
Y así se solucionó en mi caso. Yo estoy usando Material Design for Bootstrap 4, Version: MDB PRO 4.4.4

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags