This is a migrated thread and some comments may be shown as answers.

Dropdown menu clips in IE6

3 Answers 39 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

Ollie asked on 18 Mar 2009, 04:34 PM

I've written an application using Q3 2008 controls. The application runs correctly in IE7 and Firefox, however a problem occurs using IE6.

I am using a radcombobox with a listbox below to allow items to be searched for and added to the listbox. When a search is carried out after an initial search, the dropdown menu is partly hidden behind the listbox:

e.g.
http://i41.tinypic.com/14c8eog.jpg

I've created a small demo to recreate the problem. To replicate, type a search, and type "test" for the 2nd:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="TestApp.WebApplication.Test" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> 
        
                    </telerik:RadScriptManager> 
        
                        <telerik:RadComboBox ID="EmployeeSearchRadComboBox" Runat="server"  
        
                            AllowCustomText="True" EnableLoadOnDemand="True" ShowToggleImage="False"  
        
                            onitemsrequested="EmployeeSearchRadComboBox_ItemsRequested"  
        
                            ShowDropDownOnTextboxClick="False" Skin="Gray" Width="167px" TabIndex="1" AppendDataBoundItems="True"> 
        
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                        </telerik:RadComboBox> 
        
                </div> 
        
                        <asp:ListBox ID="EmployeeListBox" runat="server" SelectionMode="Multiple"  
        
                            EnableViewState="False" CssClass="EmployeeListBox" Rows="10" TabIndex="2" Width="167px"></asp:ListBox> 
        
                </form> 
        
            </body> 
        
            </html> 
        
            namespace TestApp.WebApplication 
        
            { 
        
                public partial class Test : System.Web.UI.Page 
        
                { 
        
                    DataTable employeeInfo; 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        EmployeeSearchRadComboBox.Items.Add(new RadComboBoxItem("test1", "1")); 
        
                        EmployeeSearchRadComboBox.Items.Add(new RadComboBoxItem("test2", "2")); 
        
                        EmployeeSearchRadComboBox.Items.Add(new RadComboBoxItem("test3", "3")); 
        
                        EmployeeSearchRadComboBox.Items.Add(new RadComboBoxItem("test4", "4")); 
        
                        DataSet ds = new DataSet(); 
        
                        employeeInfo = ds.Tables.Add(); 
        
                        employeeInfo.Columns.Add("Name", Type.GetType("System.String")); 
        
                        employeeInfo.Columns.Add("ID", Type.GetType("System.String")); 
        
                        employeeInfo.Rows.Add("test5", "5"); 
        
                        employeeInfo.Rows.Add("test6", "6"); 
        
                        employeeInfo.Rows.Add("test7", "7"); 
        
                        employeeInfo.Rows.Add("test8", "8"); 
        
                        employeeInfo.Rows.Add("test9", "9"); 
        
                        employeeInfo.Rows.Add("test10", "10"); 
        
                    } 
        
                    protected void EmployeeSearchRadComboBox_ItemsRequested(object o, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e) 
        
                    { 
        
                        if (e.Text.Equals("test")) 
        
                        { 
        
                            EmployeeSearchRadComboBox.DataSource = employeeInfo; 
        
                            EmployeeSearchRadComboBox.DataTextField = "Name"; 
        
                            EmployeeSearchRadComboBox.DataValueField = "ID"; 
        
                            EmployeeSearchRadComboBox.DataBind(); 
        
                        } 
        
                    } 
        
                } 
        
            }

3 Answers, 1 is accepted

answered on 20 Mar 2009, 01:22 PM

comboboxandlistbox.zip

Hello Ollie,

Thank you for contacting us.

I tried to reproduce this issue with Q3 2008 but to no avail. I've attached my test project for a reference. Could you please tell us the version you use? Thanks in advance

All the best,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.