Hi Telerik Team,

One of the requirements for my team project is that the ComboBox needs to be sorted in descending order to list dates. We need to sort the groups and the options inside the groups.

Ideally, the ComboBox can have a SortDirection parameter that defines the order as SortAscending or SortDescending, and can display the ComboBox groups and options accordingly.

We have encountered the following accessibility issue with the Checkbox:

Snippet:

<input type="checkbox" data-id="e218e1d5-71c6-4327-8d3c-88b0c62397a1" class="k-checkbox telerik-blazor" aria-checked="false">

How to fix - Fix ONE the following:

• Form element does not have an implicit (wrapped) <label>
• Form element does not have an explicit <label>
• aria-label attribute does not exist or is empty
• aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
• Element has no title attribute
• Element has no placeholder attribute
• Element's default semantics were not overridden with role="none" or role="presentation"

When I click the checkbox, the OnChange event fires with the new value, but the model field is not updated yet.

<TelerikCheckBox Id="myCheckBox"
                 @bind-Value="@isSelected"
                 OnChange="@ChangeHandler">
</TelerikCheckBox>
<label for="myCheckBox">@(isSelected ? "Selected" : "Not selected")</label>

<div class="text-info">
    @Result
</div>


@code {
    private bool isSelected { get; set; }
    private string Result { get; set; } = String.Empty;

    void ChangeHandler(object value)
    {
        Console.WriteLine($"CHECKBOX: the model is now {isSelected} and the handler received {value}");
        Result = $"OnChange event fired with: {value}";
    }
}