Unplanned
Last Updated: 14 May 2025 07:30 by ADMIN
Roman
Created on: 07 May 2025 09:15
Category: Editor
Type: Bug Report
1
Keyboard navigation has a bug in combination with a dropdownlist in the editor toolbar

Hello,

Please repeat the following steps to reproduce this issue:

  1. Go to https://www.telerik.com/kendo-angular-ui/components/editor#angular-editor-example
  2. In the Angular Editor Example click on the first line of the first paragraph (let's say on the word Kendo)
  3. Navigate to toolbar via Shift+Tab key
  4. Use the arrow key to navigate to Format dropdownlist 
  5. Use Enter to open the dropdownlist with the available formats (Paragraph, Heading 1, Heading 2, etc)
  6. Choose e.g. "Heading 1" with Enter
  7. Press Tab to focus the editor content (You can type some letters to ensure that the editor content is focused)
  8. Press Shift+Tab to go back to toolbar
  9. Press an arrow key (Left or Right) to try to navigate through the toolbar => Bug

Expected behaviour: It's possible to navigate through the toolbar items like in step 4
Experienced behaviour: You can not navigate through the toolbar items with arrow left or arrow right.

Important: After choosing an item from the dropdown, the kendo-dropdownlist has still an tabindex="0", what is also wrong. 

I observed this bug in our application but it's possible to reproduce it with your example, too.

Kind regards,

Roman

    1 comment
    ADMIN
    Martin Bechev
    Posted on: 14 May 2025 07:30

    Hi Roman,

    Thank you for the provided feedback.

    Indeed you are right it looks like the focus is trapped for the DropDownList tools. I logged the problem in our GitHub issue tracker here:

    https://github.com/telerik/kendo-angular/issues/4626

    Please subscribe for the issue to be notified in a timely manner when there is any update.

    As a token of gratitude for pointing our attention to this, I updated your Telerik points.

    Accept our apologies for the caused inconvenience.

    Regards,
    Martin Bechev
    Progress Telerik

    Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.