Multiselect cuts first letter


Topic: Multiselect cuts first letter

m.hamacher pro premium 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 pro premium 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 pro premium 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 pro premium commented 3 years ago

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


Please insert min. 20 characters.
Status

Resolved

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