How to dynamically grow a combo-box height

0
Hi all,   I'm struggling to have a combo-box grow dynamically. I managed to have the text wrap as we want it (see screenshot) however, the combo-box is not growing with it   We are adding the following class and CSS to the combo-box instance: .combobox_nowrap{ .widget-combobox-input{ height: auto; & + .widget-combobox-placeholder-text{ white-space: break-spaces !important; height: fit-content !important; } } }   Any ideas? TIA  
asked
2 answers
1

Hi Nico,

try with below css. Then add the class combobox-autogrow to the combobox instance that you want to grow. You could also create your own design property for easier use.

 

.combobox-autogrow {
    .widget-combobox-placeholder-text {
        white-space: normal;
        word-wrap: break-word;
        position: relative;
    }

    .widget-combobox-input {
        position: absolute;
        height: 100%;
    }
}

 

answered
0

Nico,

Are you using the most recent combo box version?  Did you perhaps upgrade this app from 9 to 10 with the Combo Box in the app and not upgrade the widget?

Mike

answered