Disabled grouped options get extra multiselect__option--group class

[ewoutbeukers]

Fiddle to reproduce: https://jsfiddle.net/9etuLmj6/4

Upon having grouped options, where one of them is disabled and the option group-select is set to false (or not passed down as a prop), the option that should be disabled gets the extra class multiselect__option--group while it is clearly not a group.

Removing $isDisabled: true from the option or settings :group-select="true" on the multiselect will not set this class.

In the above example this can be seen because the option 'Adonis' is red or by inspecting the html.

This wouldn't really be a problem, until we want to apply custom css to option group headers.

[akki-jat]

I was facing the same issue. Created MR to fix the same.
@shentao can you look into it?

[denishacquin]

Same issue here, we really need this :(

@shentao can you merge the solution above ?

[serkoffal]

@shentao I also need a solution to this problem

[destradafilm]

@shentao I'm wondering why multiselect__option--group also inherits multiselect__option--disabled right now they look exactly the same and that's confusing to differentiate between disabled items and group labels

[destradafilm]

also, has this been merged? Or not? confused that the case is still open but it points to a merged branch