Prevent the combobox resize after multiples items added

[Andreas Boos]

Hey guys,

I’d like to know if there’s any way to prevent the combobox component from increasing in height after I select items. I’m using selectionMode of type ‘checkBox’, and as I add items, the component keeps getting taller and it messes up my layout. I’d like the items to be hidden within the input, that wouldn’t be a problem.

[svetoslav_borislavov]

Hi,

You can prevent this by using CSS, here is an example of doing it:
https://codepen.io/svetoslavb04/pen/BaGLaxv

But this way you will not be able to see the selected values

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

• This reply was modified 1 year, 5 months ago by svetoslav_borislavov.

[Andreas Boos]

After realizing that your solution involved only CSS modifications, I discovered that what I really wanted was something like this:

.smart-element.smart-combo-box.smart-drop-down-box.auto-height .smart-action-button {
display: block;
}

Thank you for your help.

• This reply was modified 1 year, 5 months ago by Andreas Boos.

[Albert Dexter]

wow

[svetoslav_borislavov]

Hi,

Thank you for the update!
Please, do not hesitate to contact us if you need any assistance.

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts