Dropdown scroll bar with datepicker in template

[Baatezu]

My problem has a long description, hopefully the subject made enough sense. :) I have a datepicker control in the itemtemplate of the combobox, when the popup calendar goes away, the Combobox drop down gets a scroll bar. This only happens in chrome.

The RadComboBox is created as

<telerik:RadComboBox ID="cboDateRange" runat="server" width="175px"
    DropDownWidth="325px" CloseDropDownOnBlur="False" Font-Bold="True"
    AllowCustomText="false">
    <ItemTemplate>
        <asp:Label ID="lblDateRange" runat="server" Text="Date Range" Font-Bold="true"></asp:Label><br />
        <div id="divStartDateSelected" class="divFloatLeft">
            <telerik:RadDatePicker ID="dateStartDate" runat="server" Width="90px" >
                <DateInput SelectionOnFocus="SelectAll">
                </DateInput>
                <Calendar ShowRowHeaders="false"></Calendar>
            </telerik:RadDatePicker>
        </div>
        <div class="divFloatLeft">
             <asp:Label ID="lblDateRangeDash" runat="server" Text="-"></asp:Label>
        </div>
        <div id="divEndDateSelected" class="divFloatLeft">
            <telerik:RadDatePicker ID="dateEndDate" runat="server" Width="90px">
                <DateInput SelectionOnFocus="SelectAll">
                </DateInput>
                <Calendar ShowRowHeaders="false"></Calendar>
            </telerik:RadDatePicker>
        </div>
    </ItemTemplate>
    <Items>
        <telerik:RadComboBoxItem Text="" Selected="True" />
    </Items>
</telerik:RadComboBox>

I haven't had time to create a minimal project to dig into it more, but thought I'd post to see if there was any quick fixes or known problems. I'm running the latest release of Telerik and Chrome is 5.0.375.125.

Thanks

[Yana]

Hi Baatezu,

Please add the following css style to your page in order to prevent the scrollbar:

<style type="text/css">
    .RadComboBoxDropDown .rcbScroll {  overflow: hidden !important; }
</style>

Regards,
Yana
the Telerik team

[Baatezu]

Perfect, thanks.

EDIT - Well... Almost perfect. A quick gotcha is that it affects ALL RadComboBoxes on the page. :) I did a quick rename to rcbSrollHidden and use jQuery to add it to that specific combo box and then it worked perfectly. :)
It was the right direction, which is the best kinda help. hehe

[Thad]

As Baatezu said, the suggestion provided by Telerik support removes the scroll bar for all RadComboBoxes within the affected scope of the CSS.

For the archives, here is a function that will apply the correct CSS to just those RadComboBoxes  you want this to affect.

1.  Add this function to your solution:

function radComboBox_Load(sender) {
    var rcbDropDownId = '#' + sender.get_dropDownElement().id;
    $(rcbDropDownId + ' .rcbScroll').removeClass('rcbScroll');
    $(rcbDropDownId).css('overflow', 'hidden');
}

2.  Attach this function to the OnClientLoad event of any RadComboBoxes you need to have the scrollbar removed from.

<telerik:RadComboBox ... OnClientLoad="radComboBox_Load" ... />

Thad