Unplanned
Last Updated: 26 Jul 2023 13:54 by ADMIN
David
Created on: 21 Feb 2022 11:26
Category: KendoReact
Type: Feature Request
2
Disable Step on Scroll in NumericTextBox

Hi,

The KendoReact NumericTextBox responds to mousewheel events when in focus. It is very easy to focus on the textbox, type in a value, scroll up or down and inadvertently change the value just entered. This behaviour can be seen clearly on any of the Telerik example pages e.g. https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/predefined-step/

I think this behaviour should be disabled by default if spinners are set to default, but otherwise I would like a property to disable it. The normal event handlers which could be used to disable this behaviour are not available on the NumericTextBoxProps.

Kind regards,

David

5 comments
ADMIN
Konstantin Dikov
Posted on: 19 Jul 2022 06:53

Hi Mattia,

I have tested the latest version of the NumericTextBox and it changes the value only if the element is focused, but I have observed that the scrolling is not prevented, which makes it really difficult to use. You can follow the progress of the item that I have logged for this in the link below:

You can also add any other suggestions or ideas for the exact behavior that you want to have, so that the developers team can take them into account. 

 

Best Regards,
Konstantin Dikov
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.

Mattia
Posted on: 12 Jul 2022 07:46

We also have this problem, this behavior is really self-defeating for our context,

Did you have planned a solution in next release?

Thanks a lot!

ADMIN
Konstantin Dikov
Posted on: 25 Feb 2022 11:50

Hi Jeff,

We agree that the scenario in question is not acceptable and could cause major problems. We are now having internal discussion for the best option for handlings this. The current behavior should be considered a bug, so most likely we will also provide a fix for this behavior and allow the increment to occur only if the input is in focus and we might also have to stop the propagation of the event.

We will add additional information here when we come to a decision.

 

Best Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jeff
Posted on: 22 Feb 2022 13:58

Came here to report the same.

The major problem is that scrolling the web page continues to happen, and if a numberbox has focus, the value will be inadvertently changed as the page scrolls past and the cursor touches the numberbox.

This is leading to unintentional data changes as users either: When scroll the page to get to the form Submit button with no intent to interact with the NumberBox. Or if the user clicks into a numberbox to focus it, moved their hands to the keyboard to type in a new value, then moved their hand back to the mouse and rolls the scrollwheel to move down the Form. The value gets changed from what they just entered.

I attached an animated gif to demonstrate.

Attached Files:
ADMIN
Konstantin Dikov
Posted on: 22 Feb 2022 10:34

Hi David,

Thank you for submitting the feature request.

We will monitor the interest in the feature request and will plan it accordingly.

Meanwhile, you can use the suggested solution in the following forum thread:

 

Best Regards,
Konstantin Dikov
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.