Topic: Multiselect cuts first letter

m.hamacher priority asked 3 years ago


Hello there,
I currently have the problem that the Multiselect cuts (or don't show) the first letter of selected option. This is only a problem of the Multiselect not of the normal select. And it only happens with not disabled options.
Example:
Disabled: https://pasteboard.co/HYR0Z9n.png
Options: https://pasteboard.co/HYR1k0P.png
Option selected (problem): https://pasteboard.co/HYR1Dyl.png

The code for this select looks like this:

<select name="test[]" id="test" class="mdb-select md-form" multiple>
    <option value="" disabled>Default</option>
    <option value="first">First Option</option>
    <option value="second">Second Option</option>
    <option value="third">Thrid Option</option>
    <option value="fourth">Fourth Option</option>
</select>
<label for="test">Test Select</label>

Have I missed something, or is this an error in styling?

Kind regards.

P.S.: I'm using MDB Pro 4.7.0 but I cannot choose this version.


Sebastian Kaczmarek staff answered 3 years ago


It seems like a bug. Adding to the to-do list. As a quick workaround, you can try adding whitespace at the beginning of each option, like this:

<select name="test[]" id="test" class="mdb-select md-form" multiple>
    <option value="" disabled>Default</option>
    <option value="first"> First Option</option>
    <option value="second"> Second Option</option>
    <option value="third"> Thrid Option</option>
    <option value="fourth"> Fourth Option</option>
</select>
<label for="test">Test Select</label>

DI pro commented 3 years ago

Hi Sebastian,

Will this get fixed in the next update? We dynamically generate all our multi-selects in asp.net core, so while we could rewrite all our code it would be much better if this could be fixed from your side.


Sebastian Kaczmarek staff commented 3 years ago

I don't like to say that but it probably won't be fixed in the nearest release. But you can expect it to be fixed in one of the next releases.


DI pro commented 3 years ago

I see. Can you give a timeframe on this, specifically, will it be before the end of March?


Sebastian Kaczmarek staff commented 3 years ago

I think it's very likely to be fixed before the end of March



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: MacBook Pro
  • Browser: Chrome
  • OS: macOs High Sierra
  • Provided sample code: No
  • Provided link: Yes