Prevent default Esc behaviour for keyboard navigation

Hi,

When navigating the scheduler with keyboard, how can I prevent the "Escape" key from returning to the previously selected cell?


For example, I click here:


Then I move left three times with keyboard:


Then I press Esc:



It takes me back to the initial cell, which I do not desire.


I have already tried:

1. Listening to key press and then calling selectCell to explicitly select the cell I am navigating to

 schedulerRef.current.selectCell(firstSelected as HTMLElement & HTMLTableCellElement);

2. Listening to key "Escape" and then

e.preventDefault();
e.stopPropagation();

5 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team June 5, 2023 12:54 PM UTC

Hi Jack,


We confirmed your reported problem with "Prevent default Escape behaviour for schedule keyboard navigation" as a bug and logged the defect report. The fix for this defect will be included in our upcoming weekly patch release, which is expected to be rolled out by the 20th June 2023. You can track the status of the fix at the following link:


Feedback: https://www.syncfusion.com/feedback/44195/prevent-default-escape-behaviour-for-schedule-keyboard-navigation


Disclaimer: The inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


Regards,

Satheesh Kumar B



SK Satheesh Kumar Balasubramanian Syncfusion Team June 26, 2023 03:49 PM UTC

Hi Jack,


We are glad to announce that our Essential Studio 2023 Volume 2 release v22.1.34 is rolled out and is available for download under the following link.

 

https://www.syncfusion.com/forums/183035/essential-studio-2023-volume-2-main-release-v22-1-34-is-available-for-download

In this release, we have fixed the issue where pressing the Escape key while navigating the scheduler with the keyboard would return to the previously selected cell. So we suggest upgrading your package version to the latest to avail of this fix.


Release notes: 

https://ej2.syncfusion.com/react/documentation/release-notes/22.1.34/?type=all#schedule

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,

Satheesh Kumar B



JD Jack Dunn replied to Satheesh Kumar Balasubramanian July 3, 2023 07:11 AM UTC

Hello Satheesh,


Thank you for the update.


Today, I updated to v22.1.34 and while the aforementioned has been fixed, there is a new bug which is causing us issues.


We use inline editing via the setting:

allowInline={true}


Typically, our users will click on a cell (which invokes the inline-edit input mode), then press `Escape` to exit inline-edit mode, then navigate cells using the keyboard arrows.


This was working fine in the previous version, however it is now broken in the new version.

In the new version, you click on a cell (which invokes the inline-edit input mode), then press `Escape`, but then you cannot navigate using keyboard arrows.


I have attached two links with GIFs demonstrating what I mean.


(Working) Version 21.2.3

https://ibb.co/zVvZ87c


(Not working) Version 22.1.36

https://ibb.co/tLPsN01


P.s. Please could you allow GIF upload in Syncfusion forums?




MG Mugilraj Govindarajan Syncfusion Team July 5, 2023 02:12 PM UTC

Hi Jack,


We confirmed your reported problem "Escape key behavior will prevent the cell slection when allowInline property enabled" as a bug and logged the defect report. The fix for this defect will be included in our upcoming weekly patch release, which is expected to be rolled out by the July 11, 2023. We will let you know once the fixed for the issue is included on July 12, 2023. You can track the status of the fix using the following link:


Feedback: https://www.syncfusion.com/feedback/45012/escape-key-behavior-will-prevent-the-cell-slection-when-allowinline-property


Regards,

Mugilraj G



SK Satheesh Kumar Balasubramanian Syncfusion Team July 27, 2023 12:16 PM UTC

Jack, The fix for the issue “Escape key behavior will prevent the cell selection when allowInline property enabled” has been included in our weekly release 22.1.38. Upgrade to the latest version to resolve the issue.

Release notes: 

https://ej2.syncfusion.com/react/documentation/release-notes/22.1.38/?type=all#schedule


Loader.
Up arrow icon