Shifting Vertical Scroll Bar

[dhuss]

I have created a custom ascx control that has a multiple column combo box in it. I have noticed that when the list of items is longer than the max dropdown length the vertical scroll bar will shift to the right when the cursor is placed in the list. This is my code:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="radCBOLookup.ascx.vb"
    Inherits="HEW.radCBOLookup" %>
<telerik:RadComboBox ID="radCBOLookup" runat="server" MarkFirstMatch="true" AllowCustomText="false"
    Width="50px" DropDownWidth="350px" MaxHeight="300px" NoWrap="true" HighlightTemplatedItems="true"
    ExpandDirection="Down">
    <HeaderTemplate>
        <table style="width: 100%; text-align: left; font-size: 8pt">
            <tr>
                <td style="width: 20%;">
                    Code
                </td>
                <td style="width: 80%;">
                    Description
                </td>
            </tr>
        </table>
    </HeaderTemplate>
    <ItemTemplate>
        <table style="width: 100%; text-align: left; font-size: 8pt">
            <tr>
                <td style="width: 20%;">
                    <%#DataBinder.Eval(Container.DataItem, "Master_Type_Code")%>
                </td>
                <td style="width: 80%;">
                    <%#DataBinder.Eval(Container.DataItem, "Master_Desc")%>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</telerik:RadComboBox>

The attached jpg shows the scroll bar position before and after the cursor is placed in the combo box. The first row contains a blank record, which also shows up as a partial height to the actual items with data. Any explanation for the shifting scroll bar?

[Ivana]

Hi Dennis,

I did not manage to reproduce the described behavior. Could you please clarify what is the version of our controls that you are using? Also, which browser have you been testing on? Could you please verify that this behavior occurs in more than one browser?

If you are still experiencing troubles, could you please send a support ticket with the issues isolated in it, so we would be able to troubleshot this behavior locally?

Greetings,
Ivana
the Telerik team

[dhuss]

We have developed our product around IE. I am using IE8, telerik.web.ui.dll version 2011.2.712.35. The control renders okay in Google Chrome. I also tried this with the latest version of the dll, 3rd quarter 2011. Same result, shifting scroll bar. Another thing I noticed is that the first row, which is blank, renders the same height as the rows with data in Chrome, which does not happen in IE.

[Ivana]

Hi Dennis,

I have tested the scenario in question with the version of our controls, you have pointed out, in IE8. I also have compared the visualization of the RadComboBox in both browsers, IE 8 and Chrome 15. Everything works fine in both of them.
You could take a look at the video linked below, to see how the RadComboBox behaves when I test the scenario in question locally: RadComboBox / Vertical scroll bar in IE 8 and Chrome 15.

If still having troubles, please open a support ticket on this matter with a sample page demonstrating the issues, attached to it.

Greetings,
Ivana
the Telerik team