How can I adjust the height of dynamic dropdown widget?

How can I adjust the height of dynamic dropdown widget?

Have you tried adjusting the Height found in the Dynamic Dropdown's properties ?

The height should automatically adjust depending on how many options you added.

I tried. It doesn’t work. The height doesn’t get adjusted, even if I add indented options.
Thank you,
Linda Gunter
...

Just to clarify, are you planning to increase the height of the actual widget or the dropdown selection?

If you want to increase the height of the widget, then please use the CSS code below:

iframe#customFieldFrame_64 {
height: 250px !important;
}

Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

Hope that helps. Thank you.

Thank you. What about height of every option?
Thank you,
Linda Gunter
...

Add this CSS code to the Dynamic Dropdown widget Custom CSS field to increase the height of dropdown options:

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 50px!important;

}

In case that you want to increase the height of sub-options as well, add this CSS code to Custom CSS field of the widget:

.select2-container--default .select2-results__option {

    height: 50px!important;

}

Here is my demo form: https://form.jotform.com/80504954863968 

Feel free to test it and clone it.