Hi there,

Recently we started working on accessibility issues on angular 15 app  Currently we are using the below version for kendo grid.

And we are facing some issues from kendo grid and wanted to check if these get sorted out if the kendo grid version is updated to higher versions. And if so, please suggest the version no.. 
Please find the attached issues.

---------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------
Please check the issues and let us know how I can sort out my issues.

Hi,

Can we apply tooltip to the dropdown items for kendo-dropdownlist?
Note: The same is implemented in the jquery Add tooltip to dropdown items in Kendo UI for jQuery | Telerik Forums. But here I need to implement without using jquery.

Thanks,

Karan Shah

Hi All,

Using the clear button on kendo-textbox

 <kendo-textbox
              #firstName
              [clearButton]="true"
              formControlName="firstName"
            ></kendo-textbox>

Anyone know if you can set tabindex of clear button to -1 (or achieve similar)?  Tabbing to it when you're trying to enter info is annoying!

Many Thanks,

Rich

Hello

I have a question. On click of a label, I want my kendo numeric textbox to have focus, but it is not working. Following is my code.

<label for="kid">Currency</label>

<kendo-numerictextbox
  [attr.id]="'kid'"
  [format]="formatOptions"
  [min]="min"
  [max]="max"
  [step]="step"
  [autoCorrect]="true"  
  [spinners]="false"
  [formControl]="control"
  [changeValueOnScroll]="false"
>
</kendo-numerictextbox>

Issue is because, at the run time kendo generates a random ID, and appends that ID to the input box(.k-input) , instead of appending the id given by the user as above. This is causing the issue and focus is not set on input box when clicking in label. Could you please check it and suggest a solution.

"@progress/kendo-angular-inputs": "^9.0.0",

Thank you

I have a dropdown when  I choose a record (ex: 2019) initially it is reading the value. When I switch focus to next element (say button) by pressing tab key and come back to the dropdown again, the screen reader is not reading the already selected value. It is reading the value if it is a 3 digit number i.e <= 999. But its not reading value greater than 999. 

Any idea on how to resolve this?

I think the Kendo UI DatePicker is a great component however I am having issues with the Angular version. It seems you have decided to try to save the user typing a / in some circumstances. If my date format is UK (en-GB) dd/mm/yyyyy and I type 8 you auto skip to the month but if I type 1, 2 or 3 then you can't be sure if I intend to type another digit for the day so in this case for days 1, 2 or 3 I must manually type the / to progress to the month entry.

This drives me and other test users of our application crazy. It also seems far less accessible. If the user has multiple dates to enter it is far easier for them to apply the same pattern every time, always enter a slash between day, month and year. Your solution may save a key stroke or two in some circumstances but it also requires greater thought by the user to remember the rules and switch behaviour when the initial digit of the day/month cannot have a valid second digit.

If you do insist on supporting these please can you make it optional, add a setting so it can be disabled.

Hi,

I have a few pages with the code structure below and I'm looking to make the right pane a floating pane. The reason for this is because the panel bar in the left pane can be quite long when expanded. The right pane displays functions from the item selected in the left pane and hence they need to be visible at all times when the user scrolls down. What's the best way to achieve this?

Here is a sample of the code:

<kendo-splitter orientation="horizontal">
  <kendo-splitter-pane size="50%" min="40%">
    <div class="panelbar-wrapper">
      <kendo-panelbar [expandMode]="kendoPanelBarExpandMode"
                      (stateChange)="onPanelChange($event)"
                      [keepItemContent]="true">
        <kendo-panelbar-item 
           ......
        </kendo-panelbar-item>
      </kendo-panelbar>
    </div>
  </kendo-splitter-pane>
  <kendo-splitter-pane min="40%">
    <div *ngIf="openannotation" class="container card">
      <app-annotation [taskId]="selectedTaskId" [expId]="expId"></app-annotation>
    </div>
  </kendo-splitter-pane>
</kendo-splitter>

thanks in advanced,

Carla