Completed
Last Updated: 09 Jul 2025 14:37 by Alexander
Release 2025 Q1 (Feb)
Alexander
Created on: 02 Sep 2024 09:42
Category: Window
Type: Bug Report
2
Window loses focus on the initial 'Shift + Tab' press when the window is first opened

Pressing Shift+Tab initially when the Window is opened, moves the focus from the Window back to the Button that opens it.

Steps To Reproduce:

  1. Open REPL repro
  2. Click "Open Modal" Button
  3. Press "Shift+Tab"
5 comments
Alexander
Posted on: 09 Jul 2025 14:37

Hi Hristian,

I did not know it is possible to set the version in the REPL, so I learned something new today. Thanks.

Regards,
Alex

ADMIN
Hristian Stefanov
Posted on: 09 Jul 2025 14:31

Hi Alex,

I can confirm that the bug has been fixed. When testing in the REPL, please ensure you update the environment to the latest version from the left-hand menu. Here’s the updated link: REPL link.

Regards,
Hristian Stefanov
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.

Alexander
Posted on: 04 Jul 2025 14:07

Hello Telerik team,

I was wondering if this has been fixed. The status of this item is "Completed", "Release 2025 Q1 (Feb)" is specified. Since this is in the past, it should now no longer be possible to break out of the focus trap of a modal window, right? When I open the REPL from the initial post, however, nothing seems to have changed, I can still move the focus to the button in the background using "Shift + Tab".

Regards,
Alex

ADMIN
Hristian Stefanov
Posted on: 02 Sep 2024 14:56

Hi Alexander,

Thank you for sharing your workaround. This will be valuable for other developers encountering the same scenario.

Regards,
Hristian Stefanov
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.

Alexander
Posted on: 02 Sep 2024 09:54

For anybody also encountering this, here is our workaround:

 

   document.addEventListener("keydown", (event) => {
      if (!event.shiftKey || event.key !== "Tab") {
         return;
      }
      if (!(event.target instanceof HTMLElement)) {
         return;
      }
      if (!event.target.classList.contains("k-window")) {
         // only prevent "Shift+Tab" on the Telerik window itself
         return;
      }
      const modal = event.target.ariaModal === "true";
      if (modal) {
         // only prevent "Shift+Tab" on modal windows
         event.preventDefault();
      }
   });