I am receiving the following ADA Compliance errors, when running a page scan for WCAG 2.1 AA:
Buttons must have discernible text: button.rcbActionButton
<button class="rcbActionButton" tabindex="-1" type="button">select</button>
Form elements must have labels: input.rcbInput.radPreventDecorate
<input name="ctl00$MainContent$MyCombo" type="text" class="rcbInput radPreventDecorate rcbEmptyMessage" id="ctl00_MainContent_MyCombo_Input" value="Search..." autocomplete="off"></input>
This is the component:
Accessibility Management Platform (AMP) reports that the Telerik Web Forms ComboBox has an attribute mismatch
This element has a mismatch between the value of its readonly and aria-readonly attributes
The following structure replicates the error
<telerik:RadComboBox ID="RadComboBox1" runat="server" EmptyMessage="Empty Message" EnableAriaSupport="true">
<Items>
<telerik:RadComboBoxItem Text="Item 1" />
<telerik:RadComboBoxItem Text="Item 2" />
<telerik:RadComboBoxItem Text="Item 3" />
<telerik:RadComboBoxItem Text="Item 4" />
</Items>
</telerik:RadComboBox>
The German resource file for the RadComboBox does not contain all strings in English resource file.
This is causing problems when we upgrade to the latest version and the German resource file is overwritten.
See attached screenshots.
Thanks
John
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?
RadComboBox Bootstrap Lightweight skin is not loading in version 2022.3.913
Workarounds provided by Admin:
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>
Link the correct stylesheet manually on the page in one of the following ways:
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.
"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
<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.
At the first time requesting data, RadClientDataSource sends multiple requests to the server. All subsequent requests for Paging, Sorting work as expected.