DropDownList group name covering the option label

[Tiho]

Given that I'm grouping the options by a property like "Country"

When the widget is rendered too narrow

And/or the group label is too wide

Then the option label is eclipsed by the group name.

 

Example: http://dojo.telerik.com/AsENi

 

[Georgi Krustev]

Hello Tiho,

I checked the test demo, but I didn't noticed an optionLabel configuration in it. Once it is enabled, the optionLabel is rendered above the fixed group header and displayed normally:

• http://screencast.com/t/CgBt2tkjJBu

If you would like to disable the fixedGroupHeader, then you can do so setting the fixedGroupHeader option to empty string ("").

If you are referring to the case when the group header has covered the text of the regular list item, then this behavior is expected and is due the specific group rendering. If you would like to avoid the overlaying scenario, then I would suggest you manually set the width of the popup element:

• http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/overview#configuration-Drop-Down

Regards,
Georgi Krustev
Telerik by Progress

 

 

[Tiho]

Thank you for your response.

I was hoping that there was some way to cancel the "float: right"on the group header if listWidth > groupHeaderWidth.

Thank you for your suggestion, I'll increase the element width manually. 

[Tiho]

Thank you for your response.

I was hoping that there was some way to cancel the "float: right"on the group header if listWidth > groupHeaderWidth.

Thank you for your suggestion, I'll increase the element width manually.