AngularJS: Editable Grid click twice in Chrome

[Jakob]

Hi,

 

please check this plunker (http://embed.plnkr.co/MBjO2QBkpDoqDGD2NDR2/preview) with Chrome. You have to click twice into the input fields inside the grid to start typing. I have the same problem in my project.

Versions:

Kendo - v2015.1.408

JQuery - v2.1.3

Angular - v.1.3.15

 

Thanks for your help,

Regards

[Alexander Valchev]

Hello,

I am not able to open the plnkr link. Is it possible to download the code and attach it to the forum thread or to put it in Kendo Dojo?

Thank you in advance.

Regards,
Alexander Valchev
Telerik

 

 

[Jakob]

Hi Alexander,

 you can find the example attached to this post.

 Please note, that this is copied from the plunker. It was originally created by http://plnkr.co/users/kevinhillinger.

 Thanks for your help.

[Kiril Nikolov]

Hello Jakob,

The problem is that the element is not getting replaced and the grid is initialized inside the k-grid element. This is why you need to configure your directive like this:

hg.directive('hgGrid', function() {

  return {
    restrict: 'E',
    template: '<div></div>',
    replace: true,
    scope: true,
    controller: 'gridController',
    link: function(scope, element, attrs, ctrl) {
        ctrl.bindGrid();
    }
  }

});

On top of that you are using relatively old versions of both AngularJS, jQuery and Kendo UI, so I would strongly recommend an upgrade.

Regards,
Kiril Nikolov
Telerik

 

 

[Jakob]

Thank you very much! That did the trick!

[Kiril Nikolov]

Hello Jakob,

 

I am happy to help. 

 

In case something else comes, up do not hesitate to contact us.

 

Regards,
Kiril Nikolov
Telerik