[Silk UI Web] Select2 with listbox in a form

Forge Component
Published on 25 Mar (4 weeks ago) by OutSystems R&D
79 votes
Published on 25 Mar (4 weeks ago) by OutSystems R&D

When using Select2 with a ListBox in a Form, a little "block" is shown in the input box.

My workaround is adding this style to my theme style sheet:

.Form .select2-container-multi input.ReadOnly:not(.Not_Valid)
    visibility: hidden;

Hi CJ,

I don't know what happen to my post but anyway I tried using the component Select2 and it seems that it has a conflict on the form. Yes, you can use hide the property if it doesn't affect the use/process of the component. We can report it as a bug in SilkUI/Select2 component. However, you can also try another component called Multiple Select in Forge.



Hi Cy,

Thanks for looking at it!

The workaround seems to work fine. I'm only capturing the users choices and don't do any validation on the field, which seems to what that particular style relates to.

I had a look at the Multiple Select component, but prefer the SilkUI/Select2.

It would be great is you can report it as a bug for a future fix.

Kind regards,



Hi CJ, 

Although your solution solved the problem, the correct fix (to be included in the next Silk UI release) is the following; 

.Form .select2-container input.ReadOnly:not(.Not_Valid) {
    border: none;
    box-shadow: none;

My Regards, 

José Rosário


Thanks Jose! Worked like a charm!