Create a property to enable or disable mouse wheel support on numeric textbox (#881)
The feature created in #881 is very good, but in some cases it doesn't help the use of the page, só it would be nice to have the option to disable this feature.
Posted on:10 Aug 2021 15:42
I checked the suggested example by Dimiter. Running it I see that the value of the NumericTextBox isn't changed when the default behavior of the wheel event is prevented. Also if the page has a scrollbar and the wheel default behavior is prevented for the NumericTextBox, then using the wheel does scroll the page. Please find an updated example at the following link:
The workarounds provided are not sufficient for my use case as I still want the scroll event to scroll the page. I just do not want the numeric textbox to change value. Are there any alternative solutions to disable this?
Posted on:04 Aug 2021 18:54
Dimiter, the example you provided does not stop the wheel from changing the value. Is there an update to this?
Posted on:12 Mar 2021 11:46
Thank you for sharing this solution. Another more generic one that comes to mind is to create a custom directive which takes a boolean input indicating whether the wheel event should be stopped. To apply the directive to all NumericTextBox components automatically, it may have the same selector.
Here is a sample implementation of the described approach:
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/.
Posted on:09 Mar 2021 11:18
Waiting for official support....i attach a more precise and angular style workaround to use on single components using numeric textbox:
We will track the demand for this feature and plan accordingly our future development plans.
Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic. Our thoughts here at Progress are with those affected by the outbreak.