[Solved] two vertical scrollbars

[miksh]

When using combobox with RenderMode="Lightweight" and DropDownAutoWidth="Enabled" it renders two vertical scrollbars.

E.g. see attached image for the code below (data source is Dictionary<string,string>)

<telerik:RadComboBox ID="rcbCountry" runat="server"
    AppendDataBoundItems="true"
    DataSourceID="CountriesDataSource" DataTextField="Value" DataValueField="Key"
    Width="100px" DropDownAutoWidth="Enabled"
    RenderMode="Lightweight">
    <Items>
        <telerik:RadComboBoxItem Text="All" />
    </Items>
</telerik:RadComboBox>

[Aneliya Petkova]

Hello Michael,

Thank you for reporting this and providing the code snippet.

We are aware of the RadComboBox issue with the two scroll-bars when render mode is lightweight and drop down auto width is enabled. It is already logged in our system and we are considering its fix implementation. Here you may find a public item related to this bug so you can vote and track its progress. As a temporary workaround you could use the following css:

.rcbAutoWidthResizer .rcbScroll {
    overflow: visible !important;
}

/*To target IE 6, 7 and 8*/
@media \0screen\,screen\9 {
    .rcbAutoWidthResizer .rcbScroll {
        overflow: auto !important;
    }
}

/*To target IE 9 and 10*/
@media screen and (min-width:0\0) {
    .rcbAutoWidthResizer .rcbScroll {
        overflow: auto !important;
    }
}

Please let us know if it works for you.

Regards,
Aneliya Petkova
Telerik