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

[Solved] ComboBox DropDown - items overflowing; scrollbar missing (IE8)

2 Answers 172 Views

ComboBox

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

Xhrei asked on 17 Nov 2009, 06:07 AM

Hello,

I have 2 comboboxes with the same skin, height, and other attributes.
ComboBox 1 : on page 1, inside a radwindow
ComboBox 2 : on page 2, on a normal page

ComboBox 1's items spill out of the drop down, and there is no scrollbar.
ComboBox 2 works fine.

At first I thought it might be something to do with the radwindow, but when I opened that page (page 1) in just a browser window, the problem's still there.

Page 1 and page 2 are quite different however... May I know what possible causes are for this issue so I can track it down?

Screenshot attached.

PS:
Came across this upgrading from Q3 2008 to Q3 2009... This is not a problem with Q3 2008 on IE8
This is not a problem on IE7 or Firefox.. Haven't confirmed on other browsers yet

Thanks!
~xh

2 Answers, 1 is accepted

answered on 18 Nov 2009, 09:25 PM

Actually, never mind, problem solved~

The Page directive had an attribute Theme set to Default. I took that out and the dropdowns now work okay.

Screenshot of problem

Base page code:

    
            <%@ Page Language="C#" AutoEventWireup="true" Codebehind="Test.aspx.cs" 
        
                Inherits="Test" Theme="Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 id="Head1" runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="mainForm" runat="server">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" ScriptMode="Debug" 
        
                                              AsyncPostBackTimeout="120" EnableHandlerDetection="true" EnableScriptCombine="true" /> 
        
                  <telerik:RadWindow runat="server" ID="TestWindow" NavigateUrl="TestWindow.aspx" 
        
                    Modal="true" Behaviors="None" VisibleTitlebar="false" VisibleStatusbar="false"   
        
                    VisibleOnPageLoad="true" ShowContentDuringLoad="false" Height="190" Width="600"   
        
                    Skin="Frost" EnableEmbeddedSkins="false" />       
        
                </form> 
        
            </body> 
        
            </html>

Page in window code:

    
            <%@ Page Language="C#" AutoEventWireup="true" Codebehind="TestWindow.aspx.cs" 
        
                Inherits="TestWindow" Theme="Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 id="Head1" runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="mainForm" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server" ScriptMode="Debug" 
        
                                          AsyncPostBackTimeout="120" EnableHandlerDetection="true" EnableScriptCombine="true" /> 
        
                <telerik:RadComboBox ID="ProjectType" runat="server" Skin="Default" EnableEmbeddedSkins="true"   
        
                                     Width="356px" Height="30px" MarkFirstMatch="true">  
        
                    <Items> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" /> 
        
                        <telerik:RadComboBoxItem runat="server" Text="Item" Value="" />              
        
                    </Items> 
        
                </telerik:RadComboBox> 
        
                </form> 
        
            </body> 
        
            </html>