Currently, if you have 4 items and select Item 2, Item 1, Item 4, upon postback, the items will be rendered in the input as Item 1, Item 2, Item 4 instead of Item 2, Item 1, Item 4. 

To maintain accessibility consistency with normal HTML select comboboxes, we need the RadComboBox to support the Home and End keys to jump to the 1st and last item respectively.  Currently, it just moves the text cursor to the start/end of the textfield.

If the change can't be made globally, can a new property be set to control this behavior?
Ideally too, Page Up/Down can jump multiple items at a time.  Currently, it scrolls the page.

See a 2009 forum post too (from someone else):
http://www.telerik.com/forums/radcombobox-home-end-page-up-page-down-keys
I see the other keyboard shortcuts listed here:
http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/keyboardsupport/defaultcs.aspx

Per Anton: The keyboard support is specification is implemented according to the article (https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#combobox) which is why there is no support for these keys.

We would like to request these additional keys be supported anyway.

[From ticket 1083598]

See: https://demos.telerik.com/aspnet-ajax/combobox/examples/accessibility/defaultcs.aspx

1. Click somewhere in the page to establish focus.

2. Use the tab key to focus the combo box.  (This works in Chrome, but in IE the control is skipped.)

3. Note that the combo box does not drop-down the list of options like it does when you click the mouse. Clicking the enter key does not drop down the list. Alt-Down-Arrow does not drop down the list.

4. Press Tab and note that focus skips the arrow icon on the combo box and moves down to the "validate with Wave" link.

5. Press Shift-Tab and note that the Arrow icon is now focuses and the enter key will drop down the options list.

6. While JAWS 2019 is running, press the "C" key and note that JAWS reports that there are no combo boxes on the page.

 

Expectations:

* Jaws is able to properly identify the combo box based on ARIA tags

* Tabbing into the combo box presents the same behaviors as using the mouse button

Reproduction: https://demos.telerik.com/aspnet-ajax/combobox/examples/wai-aria-support/defaultcs.aspx

1) focus the ComboBox

2) press C 

Expected: 

- Camembert Pierrot is selected

- JAWS pronounces "c" and "Camembert Pierrot"

Actual: 

- Camembert Pierrot is selected

- JAWS pronounces "c"

Reference for expected behavior: https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html

Problem:  Latest Telerik version of Combobox or RadCombobox reads "readonly" though it's not, when EnableAriaSupport is enabled.

Details: 

url to test with JAWS - https://demos.telerik.com/aspnet-ajax/combobox/examples/wai-aria-support/defaultcs.aspx

When I use JAWS to read the combobox present on this demo it reads as follows - 
              ComboBox readonly - Alice Mutton. To change the selection press the arrow keys.

Over here, why JAWS is reading "readonly". It's not readonly. It's making our screenreader blind users confusing.

I drilled down more into the problem and found that, the input element below has the aria-readonly=true set though the combobox is not readonly.
Here is the html generated for above combobox from telerik demo site -

<input name="ctl00$ContentPlaceholder1$RadComboBox2" class="rcbInput radPreventDecorate" id="ctl00_ContentPlaceholder1_RadComboBox2_Input" role="combobox" aria-busy="false" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-readonly="true" aria-owns="ctl00_ContentPlaceholder1_RadComboBox2_listbox" aria-autocomplete="none" type="text" readonly="readonly" value="Alice Mutton" autocomplete="off">

I understand that this input control should be readonly so that aria users should not type and go haywire. But looks like to maintain the readonly=readonly property, telerik is generating aria-readonly=true for this _Input control and resulting this issue.

When you change this attribute aria-readonly="true" to aria-readonly="false", JAWS read it correctly as follows - 
              ComboBox - Alice Mutton. To change the selection press the arrow keys.

Let me know how to achieve that so that users will not be confused.

please add native columns support for radcombobox

<Columns>
      <Column DataField="CategoryName" />
      <Column DataField="Description"  />
</Columns>

best regards

RadCombobox WAI-ARIA improvements 

1. When we have a selection but do not have filtering and custom text:

aria-autocomplete: list ---> Combobox list item
2. When we have selection and filtering: ---> Combobox inline completion list item
aria-autocomplete: both
3. disabled: aria-autocomplete: none 

https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.0pattern/combobox-autocomplete-both.html

In combo box once a value is selected there is no option to clear the selection. We can have an additional button outside the combo box to achieve the same.

This will require some additional coding.

Since this is a regular scenario why can't there be a property within the RadCombo Box that makes clear selection button visible next to the combo box drop-down button and does the task of clearing the selection?

url to test with JAWS - https://demos.telerik.com/aspnet-ajax/combobox/examples/wai-aria-support/defaultcs.aspx

When I use JAWS to read the combobox present on this demo it reads as follows - ComboBox readonly - Alice Mutton. To change the selection press the arrow keys.

Over here, why JAWS is reading "readonly". It's not readonly. It's making our screenreader blind users confusing.

I drilled down more into the problem and found that, the input element below has the aria-readonly=true set though the combobox is not readonly.
Here is the html generated for above combobox from telerik demo site -

<input name="ctl00$ContentPlaceholder1$RadComboBox2" class="rcbInput radPreventDecorate" id="ctl00_ContentPlaceholder1_RadComboBox2_Input" role="combobox" aria-busy="false" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-readonly="true" aria-owns="ctl00_ContentPlaceholder1_RadComboBox2_listbox" aria-autocomplete="none" type="text" readonly="readonly" value="Alice Mutton" autocomplete="off">

I understand that this input control should be readonly so that aria users should not type and go haywire. But looks like to maintain the readonly=readonly property, telerik is generating aria-readonly=true for this _Input control and resulting this issue.

When you change this attribute aria-readonly="true" to aria-readonly="false", JAWS read it correctly as follows - ComboBox - Alice Mutton. To change the selection press the arrow keys.

If the same text is typed into the input field as the one set for EmptyMessage and page is submitted, validator evaluates True.

Current workaround is to subscribe the RadComboBox to OnClientFocus client event handler, and clear the EmptyMessage manually, thus preventing the EmptyMessage text to be sent to server.

<telerik:RadComboBox ... OnClientFocus="comboFocus">

<script type="text/javascript">
	function comboFocus(sender, args) {
		sender.set_emptyMessage("");
	}
</script>

A possible workaround would be tweaking the ItemRequestTimeout property of the ComboBox

<telerik:RadComboBox ItemRequestTimeout="380" runat="server" ... >
        ...
 </telerik:RadComboBox>

The ComboBox pop-up is moving over the page during scrolling in mobile Chrome (Android device). The problem is occurres both in scrolled or zoomed elements.

*The same issue is reproducible also in the SkinChooser.

Steps to reproduce:
1. Run the following code in in mobile Chrome:
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" PersistenceMode="ViewState" RenderMode="Auto" Skin="Telerik">
        </telerik:RadSkinManager><br /><br />
        <telerik:RadComboBox ID="cb1" runat="server" AutoPostBack="true">
            <Items>
                <telerik:RadComboBoxItem Text="January" Value="1" />
                <telerik:RadComboBoxItem Text="February" Value="2" />
                <telerik:RadComboBoxItem Text="March" Value="3" />
                <telerik:RadComboBoxItem Text="April" Value="4" />
                <telerik:RadComboBoxItem Text="May" Value="5" />
                <telerik:RadComboBoxItem Text="June" Value="6" />
                <telerik:RadComboBoxItem Text="July" Value="7" />
            </Items>
        </telerik:RadComboBox>

2. Tap over the combo in order to show its dropdown

3. Drag to scroll the page to the left


Result: The dropdown pop-up is moving over the page.