Label Problem with Chrome

[Robert]

I am using a RadComboBox on my page and setting the Label property.

Everything looks fine in IE & Firefox, but Chrome is putting a carriage return after the Label.  So instead of the ComboBox being to the right of the Label, it is showing up under it.

Is this a known issue with Chrome?  How can I fix it?

[Shinu]

Hello Robert,

I have tried to recreate the issue at my end but no avail with the version (2011, 1, 519, 35). Please upgrade to latest version and see whether it helps.
Updating RadControls for ASP.NET AJAX to another version or license

Thanks,
Shinu.

[Robert]

I am using the latest version (2011.2.712.40).

Here is my markup:

<table width="100%">
    <tr>
        <td>
            <telerik:RadComboBox ID="rcbCategory" runat="server" Width="195px" DataTextField=""
                DataValueField="" EmptyMessage="Select a Category" OnClientSelectedIndexChanging="loadSubCategories"
                OnItemsRequested="rcbCategory_ItemsRequested" EnableTextSelection="False" Label="Category: " />
            <asp:RequiredFieldValidator ID="rfvCategory" runat="server" Display="None"
                ErrorMessage="You must select a category" ControlToValidate="rcbCategory"></asp:RequiredFieldValidator>
            <ajax:ValidatorCalloutExtender ID="rfvCategory_ValidatorCalloutExtender"
                runat="server" Enabled="True" PopupPosition="BottomRight"
                TargetControlID="rfvCategory">
            </ajax:ValidatorCalloutExtender>
        </td>
        <td style="padding-left: 10px;">
            <telerik:RadComboBox ID="rcbSubCategory" runat="server" Width="195px" DataTextField=""
                DataValueField="" EmptyMessage="No SubCategories" OnClientSelectedIndexChanging="loadSubCategories2"
                OnClientItemsRequested="itemsLoaded" OnItemsRequested="rcbSubCategory_ItemsRequested"
                EnableLoadOnDemand="True" EnableTextSelection="False" OnClientDropDownOpened="subCategoryDropDownOpened"
                Label="Sub Category: " />
        </td>
        <td style="padding-left: 10px;">
            <telerik:RadComboBox ID="rcbSubCategory2" runat="server" Width="195px" DataTextField=""
                DataValueField="" EmptyMessage="No SubCategories" OnClientItemsRequested="itemsLoaded"
                OnItemsRequested="rcbSubCategory_ItemsRequested" EnableLoadOnDemand="True" EnableTextSelection="False"
                Label="Sub Category: " />
        </td>
        <td style="width: 100px; padding-left: 5px;">
            <telerik:RadButton ID="btnRemove" runat="server" Text="Remove" ToolTip="Remove Category"
                OnClientClicking="RemoveButtonClicking">
            </telerik:RadButton>
        </td>
    </tr>
</table>

You can see this live at http://test.wnwebsolutions.com/xcollectibles/search.aspx

[Thad]

Hi Robert,

I think the problem lies in your CSS.  Specifically differences between the "label" class and "rcbLabel" class.

Extra left and right padding is causing the combobox to wrap because it is out of room within the cell.

But I'm not a CSS person so that's as much as I could see when comparing the styles in Firefox vs Chrome.

Hope that gets you started!
Thad