Hi Goran, great component, thank you very much! Is possible to use the typ

Directory Multiselect Combo Box
1

Hi Goran,

great component, thank you very much!
Is possible to use the typeahead/filtering in compact mode as well?
Or to hide the tags/Tokens in the normal mode?

Thanks!

2

Hi Dorothea,

Thanks for the feedback. That is a good question, however, at this time the component does not support (was not even designed for) those use cases.

Please feel free to open feature requests in the Github repository and I’ll see what I can do.

Kind regards,

Goran

3

Hi Goran,

I think this is related to the above as I’m trying to show the input field when in compact mode.

I’m trying to override the visibility CSS style.

:host(.multiselect[compact-mode]
) [part="input-field"]
 [part="value"]
 {
    visibility: visible;
}

but I can’t find where to put it. :-) I’ve tried it in the css for multiselect-combo-box and multiselect-combo-box-input, but I can’t get it to pick it up.

Any pointers?

Thanks,

Stuart.

4

EDIT

You can add this to your shared-styles.css:

[part=“token”]
{
display: none;
}

And ensure your View clas has :

@CssImport(value = “./styles/shared-styles.css” , themeFor=“multiselect-combo-box-input”)

The easiest non-elegant way to achieve this is by opening these two files :

node_modules/multiselect-combo-box/theme/material/multiselect-combo-box-input-styles.js

node_modules/multiselect-combo-box/theme/lumo/multiselect-combo-box-input-styles.js

And replacing :

[part=“token”]
{
display: flex;
…
}

By:

[part=“token”]
{
display: none;
…
}

Regards,
ManuManotazo