Last Updated: 11 Jun 2019 06:34 by ADMIN
Release 2019.R2.SP.Next
Created on: 28 Mar 2019 08:47
Category: TreeView
Type: Bug Report
NumericTextBox losing focus

Hi there,

We noticed an issue with our Numeric TextBox after a recent upgrade on Chrome.  We're currently on Version 73.0.3683.86 (Official Build) (64-bit), the latest version at the time of writing.  Our setup has a grid using a TreeView as an editor template.  The TreeView, in turn, uses a NumericTextBox inside its item template.  I've prepared a working demo that illustrates the issue.  If you click on the last column of the grid, expand the TreeView and click on one of the NumericTextboxes, you will see that it loses the focus as soon as you click on it.  As a result, it's impossible to input anything into those fields.  Any other browsers don't have this issue.

We had a lot of issue reports from our clients this week so we're pretty sure it's a recent update from Chrome.  Please let me know if you need further clarification.  This is a fairly serious issue for us as it's affecting one of the main functionalities of our web application.  If you can provide a temporary workaround before the proper fix comes out, that'd be great.



Brian Roth

1 comment
Posted on: 28 Mar 2019 13:40

I could confirm this issue is reproducible also on our side, so I've logged it in our backlog in Github where you could observe its status:

The issue is coming from the following if statement in kendo.treeview.js code: 

.on("click" + NS, function(e) {
           if (!$(":kendoFocusable")) {

The is span in Chrome so it becomes un-focusable.

As a temporary workaround you could use the following code in the expand event handler of TreeView:

expand: function (e) {
           $(e.node).find(".k-numeric-wrap").attr("tabindex", 0);

Here is a dojo sample showing this approach:

I hope this helps. 

As a small token of gratitude for your report I'm updating your Telerik points.

Best Regards,
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.