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

combobox + label width issue in Chrome

3 Answers 114 Views

ComboBox

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

ms asked on 08 Jul 2010, 06:37 AM

cmbolblwidth.jpg

I was unable to find any mention of this, but when using the latest official release and adding a "Label" property to a combobox, the width will not display correctly in Chrome. About 158 pixels seems to be the minimum width that will be displayed. Larger widths work as expected. For instance, the following

    
            <%@ Page Language="C#" %> 
        
            <%@ 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"> 
        
            <script runat="server">  
        
            </script> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
        
                </telerik:RadScriptManager> 
        
                    <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="60" DropDownWidth="60" Skin="Default" Label="Label">  
        
                        <Items> 
        
                            <telerik:RadComboBoxItem runat="server" Text="item1" Value="1" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="item2" Value="2" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="item3" Value="3" /> 
        
                        </Items> 
        
                    </telerik:RadComboBox> 
        
                </form> 
        
            </body> 
        
            </html>

renders a correct width of 60 pixels in IE, but Chrome defaults to ~158 pixels (attached screenshots). I've tried several settings without any luck. Is there a workaround?

3 Answers, 1 is accepted

answered on 13 Jul 2010, 07:47 PM

Hi Michael Sebra,

The issue that you describe is really strange.

I used the sample code provided along with Telerik.Web.UI.dll version 2010.1.519.20 to reproduce the issue but unfortunately without success.
RadComboBox is correctly measured in Chrome as well as in Internet Explorer and Firefox – please take a look at this demonstration video. Maybe I miss something?
Could you please try to set the Width and DropDownWidth to “60px” instead of “60”?

All the best,
Kalina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items