Unplanned
Last Updated: 03 Feb 2023 08:37 by Tim

I recently upgraded from ASP.NET AJAX 2014 to 2022 and ran into an issue with a RadComboBox. It can be reproduced with this code:

Test.aspx

     <telerik:RadScriptManager ID="scriptManager" runat="server" />
            <telerik:RadComboBox ID="rcb" runat="server" Label="Medication:" AutoPostBack="true"
                Width="250" OnSelectedIndexChanged="rcb_SelectedIndexChanged">
                <Items>
                    <telerik:RadComboBoxItem Text="-- select --" Value="" />
                    <telerik:RadComboBoxItem Text="Benztropine 0.5 mg " />
                    <telerik:RadComboBoxItem Text="Buspirone 10 MG" />
                    <telerik:RadComboBoxItem Text="Haloperidol 100mg/ml" />
                    <telerik:RadComboBoxItem Text="Metaprolol 25 mg" />
                    <telerik:RadComboBoxItem Text="Quetiapin/Seroquel 400 mg" />
                    <telerik:RadComboBoxItem Text="Trazadone 150 mg" />
                    <telerik:RadComboBoxItem Text="Vitamin D2 50,000 units" />
                </Items>
            </telerik:RadComboBox>
            <label>SelectedIndex</label> <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

Test.aspx.cs

protected void rcb_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
    Label1.Text = rcb.SelectedIndex.ToString();
    rcb.SelectedIndex = 0;
}

When "Benztropine 0.5 mg " is selected, the SelectedIndex in the selected index changed method is incorrectly set to 0, instead of 1. Selecting any other item in the list results in the correct SelectedIndex. I spent a lot of time debugging the code until I noticed that "Benztropine 0.5 mg " has a space at the end.

I found two workarounds:

1. Trim the trailing space from text.

2. Add values for each item.

This was not an issue with the old 2014 version. Is this a bug or am I missing something?

Completed
Last Updated: 26 Oct 2022 14:33 by ADMIN
Release R3 2022 SP1

RadComboBox Bootstrap Lightweight skin is not loading in version 2022.3.913

Workarounds provided by Admin:

Option 1

Use RadStyleSheetManager to load the correct stylesheet from Telerik.Web.UI.Skins assembly, as per the instructions in Skin registration with RadStyleSheetManager:

<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager">
    <StyleSheets>
            <telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.BootstrapLite.ComboBOx.Bootstrap.css" Assembly="Telerik.Web.UI.Skins" />
    </StyleSheets>
</telerik:RadStyleSheetManager>

Option 2

Link the correct stylesheet manually on the page in one of the following ways:

Declined
Last Updated: 26 Aug 2022 11:21 by ADMIN
ADMIN
Created by: Peter Milchev
Comments: 0
Category: ComboBox
Type: Bug Report
0

			
Completed
Last Updated: 24 Jun 2022 12:56 by ADMIN
Declined
Last Updated: 22 Jun 2022 11:03 by ADMIN
ADMIN
Created by: Peter Milchev
Comments: 1
Category: ComboBox
Type: Bug Report
0

			
Completed
Last Updated: 20 Jun 2022 14:48 by ADMIN
ADMIN
Created by: Hristo Valyavicharski
Comments: 0
Category: ComboBox
Type: Bug Report
0

			
Completed
Last Updated: 08 Jun 2022 08:17 by ADMIN
ADMIN
Created by: Ivan Danchev
Comments: 0
Category: ComboBox
Type: Bug Report
1

			
Completed
Last Updated: 21 Apr 2022 12:25 by ADMIN
Created by: JeffSM
Comments: 1
Category: ComboBox
Type: Feature Request
0
It gonna be cool if ComboBox display his picture with text, like the pic shows.
Unplanned
Last Updated: 07 Apr 2022 08:56 by SWAT
Created by: SWAT
Comments: 0
Category: ComboBox
Type: Feature Request
0

Currently, the behavior on selection is to highlight the selected item, so modifying the appearance of a selected item would affect the appearance of hovered items as well.

In the meantime, a custom CSS class can be added/removed to the selected item as in the snippet below:

<script>
    function OnClientLoad(sender, args) {
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {
            $telerik.$(selectedItem.get_element()).addClass("rcbSelected");
        }
    }

    function OnClientSelectedIndexChanged(sender, args) {
        $telerik.$(sender.get_dropDownElement()).find(".rcbSelected").removeClass("rcbSelected");
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {
            $telerik.$(selectedItem.get_element()).addClass("rcbSelected");
        }
    }
</script>

<style>
    div.RadComboBoxDropDown .rcbSelected {
        color: red;
        background-color: lightgreen;
    }
</style>
<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" OnClientLoad="OnClientLoad" MaxHeight="150">
    <Items>
        <telerik:RadComboBoxItem Text="Item 1" />
        <telerik:RadComboBoxItem Text="Item 2" />
        <telerik:RadComboBoxItem Text="Item 3" Selected="true" />
        <telerik:RadComboBoxItem Text="Item 4" />
    </Items>
</telerik:RadComboBox>

Unplanned
Last Updated: 31 Mar 2022 08:24 by Revanth
Created by: Revanth
Comments: 0
Category: ComboBox
Type: Bug Report
0
In general, disabled Controls get grayed out and turn inaccessible. Disabling the ComboBox using the set_enabled(false) would prevent users to interact with the ComboBox, but will not have a "disabled" style applied.
Declined
Last Updated: 02 Mar 2022 11:38 by ADMIN
Declined
Last Updated: 01 Mar 2022 16:09 by ADMIN
Based on customer feedback:

The RadFormDecorator decorates most native input controls, but does miss some, namely in ComboBox and ListBox.

As this [the lack of decoration] is something advertently done, due to various issues in different browsers, we should thread carefully.
Completed
Last Updated: 11 Feb 2022 14:19 by ADMIN
I have instances of using OnClientBlur on multiple RadComboBox controls, and if you tab quickly enough the event does not fire.  I've created an example which replicates what I see in the project I'm working on - two RadComboBoxes with the Blur event where I get the second to fire but not the first when tabbing from first to second to third (just another control w/o event).

This is causing issues where some validation is bypassed.

Screencast: http://screencast.com/t/VTQrN9uOVrI9

A couple observations:
- It will fire correctly if I wait long enough before tabbing out.
- If I pause on the second control after tabbing, then click somewhere, it sometimes then fires the Blur from the first control.
- I am using LoadOnDemand.  From my general observation it looks like it's potentially a race condition with the loading.

Planned
Last Updated: 14 Jan 2022 11:04 by ADMIN
Scheduled for R1 2022 SP1
"Loading..." text in Combobox with Virtual Scrolling is visible on first set of items loading.
It shows first time "Loading..." text. on scrolling it loads items from PageMethods/WebService but "Loading..." text it not visible i.e. because it is first <LI> item so it is not visible.

Instead of first <LI> item, it  should be at position where it always display while loading more items.

same issue is also in telerik demo website : http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx
Completed
Last Updated: 16 Dec 2021 16:05 by ADMIN
Release R1 2022

<telerik:RadComboBox runat="server" ID="CB" AllowCustomText="true" HighlightTemplatedItems="true" EnableViewState="false" CheckBoxes="true" EnableLoadOnDemand="true" OnItemsRequested="CB_ItemsRequested" ></telerik:RadComboBox>

Specifically, note that CheckBoxes is true.

In some cases, the combo box's  item's text may have HTML tags in them, but we don't want that HTML to be interpreted, and we're happy that RadComboBox automatically encodes the Item's name.  For example, the Item's text might be <img src=xxx onerror=alert(0)> , and of course we don't want that javascript to run. 

However, we have found a case where the text is not properly escaped, in which case the javascript does run and the alert popup shows.  The error is in RadComboBox.CheckBoxes.js, in the _checkedItemsTextsFitInputWidth function.  That function is passed the comma separated string of all the selected item's text.  This function wants to measure the width of the string, and so it creates a div off-screen, and then pushes the checkedItemTexts string into the div.  If the checkedItemTexts string contains any HTML tags that contain javascript, then that javascript is executed, which can be a XSS attack.

Unplanned
Last Updated: 23 Nov 2021 11:07 by ADMIN
Created by: Tom
Comments: 0
Category: ComboBox
Type: Feature Request
0

Hi,

This is a follow on request from a ticket raised where it was stated this feature isn't available and there is no work around.

When you hook a RadCombobox to a RadClientDataSource, which returns a paginated set of results along with a count of total number of records, the RadCombobox should display the "Show More Results" box along with the text stating "Items 1 - x of y" as all that information should be able to be calculated from the data returned.

Unplanned
Last Updated: 28 Oct 2021 09:06 by ADMIN
Created by: Tom
Comments: 1
Category: ComboBox
Type: Bug Report
1

At the first time requesting data, RadClientDataSource sends multiple requests to the server. All subsequent requests for Paging, Sorting work as expected.

1 2 3 4 5 6