Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 13 Mar 2025 09:38 by ADMIN
Brent
Created on: 05 Dec 2024 23:34
Category: KendoReact
Type: Bug Report
0
NumericTextBox responds to CTRL+Arrow up/down (only documented for bare cursor keys, not CTRL)

@progress/kendo-react-inputs@9.0.0

going back to this ticket, we'd like to use CTRL+up/down for our own purposes... as such, you can now disregard that feature request in lieu of fixing this bug =)

since this is undocumented behavior (documentation screenshot below) i believe we have a legitimate bug claim.

also, other controls like DateTimePicker reliably ignore the CTRL+up/down while implementing bare up/down as documented.

 

Duplicated Items
5 comments
ADMIN
Yanko
Posted on: 13 Mar 2025 09:38

Hello, Brent,

Thank you very much for the provided feedback.

I am very happy to hear that you found an alternative solution and you shared it here so that I and everybody seeking the same result can explore it.

Regards,
Yanko
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Brent
Posted on: 12 Mar 2025 20:02

For anybody else needing to do this, Yanko's proposed solution based on addEventListener didn't pan out for us because it relies on e.stopPropagation() which unfortunately also hides the arrow keys from our higher-level grid event handler acting on them, negating the whole intent behind disabling the cursor keys on the NumericTextBox in the first place.

 

What did wind up working for us was ignoring Arrow keys passed in the onChange event.key property.

It's very fortunate the active key's are included in the OnChange event so they can be acted upon.

 

For the record, I still consider it a bug that NumericTextBox doesn't observe the meta keys being in play. Meta keys are long understood to modify the intent of other primary keys being pressed. The DateTimePicker has specific code to honor metas & does NOT mutate the value when CTRL is active along Arrow keys, exactly as desired. This inconsistency across components proves the point. They should all act the same in this regard.

ADMIN
Yanko
Posted on: 19 Dec 2024 14:55

Hi, Brent,

The KendoReact NumericTextBox does not provide custom keyboard navigation for CTRL+Arrow up/down, but you can define such. With the approach displayed in the following example, you can also disable keyboard events for CTRL+Arrow up/down:

The expected behavior of the KendoReact NumericTextBox is to match the regular input of type number and navigate via arrows. There is no extended implementation of the keyboard navigation in our codebase controlling the CTRL+Arrow up/down combination.

I hope the above information clears the matter but please let me know if further inquiries arise.

Regards,
Yanko
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.

Brent
Posted on: 12 Dec 2024 18:19
We would generally like all KendoReact inputs to ignore CTRL+ArrowUp/Down so that we can use those for other purposes in our UI. NumericTextBox is one currently responds to CTRL+ArrowUp/Down but not all inputs have this "bug", e.g. DateTimePicker is ok.
ADMIN
Yanko
Posted on: 12 Dec 2024 18:11

Hello, Brent,

Currently, the KendoReact NumericTextBox behaves the same as a regular input of type number. I want to clarify if the inquiry is related to unexpected behaviour from the NumericTextBox or to a missing statement in the documentation. Can you provide me further details so I can provide you with an appropriate answer after I fully understand the concern in focus?

Regards,
Yanko
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.

Create an account Log In
View
Type
Status
Category