combobox or dropdownlist items are displaying horizontally

[Ram]

Why Kendo UI Angular combobox or dropdownlist items are displaying horizontally?

 

 

here is my code:

 <kendo-formfield>

          <kendo-label [for]="gender"

                       text="Gender"></kendo-label>

          <kendo-combobox #gender

                          formControlName="gender"

                          [data]="genders"

                          textField="text"

                          valueField="value">

          </kendo-combobox>

 </kendo-formfield>

[Simeon]

Hello Ram,

Thank you for the provided screenshot and code snippet.

By default, the options of all Kendo UI for Angular dropdown components are rendered below each other, as can be seen in the documentation.

https://www.telerik.com/kendo-angular-ui/components/dropdowns/

What could potentially affect the default layout could be some custom CSS code that targets those elements. Please double-check the styles or try defining the ComboBox in another component to see if there is any difference.

I also suggest checking whether the correct theme is used for this Kendo UI for Angular version. You can find the supported themes for each version in our Changelog:

https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui/

In case the issue persists, please try isolating the issue in a runnable project or StackBlitz. This will help us examine the case and provide a solution. Thank you in advance.

Regards,
Simeon
Progress Telerik