Kendo/Angular - ng-disabled in IE10

[leJuan5150]

I am encountering a problem with ng-disabled in IE10 with Kendo UI buttons, combo boxes, drop down lists, date pickers, and numeric text boxes.

Everything works fine in IE11, Firefox, Chrome, and Safari, but IE10 doesn't seem to respond to changes in the models.

Is this a known problem and is there a work around?

[leJuan5150]

Here is a JSFiddle that demonstrates the problem ... http://jsfiddle.net/lejuan5150/ba2djbgg/

Works fine in everything except IE10 (and I assume below)

[Petyo]

Hello John,

the ng-disabled integration relies on mutation observers, which are not available in IE 10 and below. You can use a polyfill to provide it, but I am not sure about the performance implications.

Regards,
Petyo
Telerik

 

 

[leJuan5150]

Hi Petyo,

Thanks for the help ...  Works like a charm!

No noticeable performance degradation, but my app is fairly small.

John

[leJuan5150]

Hi Petyo,

Thanks for the help.  It works like a charm! :)

My app is fairly small, but I don't notice much performance degradation.

John

[John]

The webcomponents does indeed fix the ng-disabled issue but unfortunately it breaks the kendo grid's "group by dragging a column header" feature. You can grab the column header and drag it but it just floats in space and no grouping occurs. Any ideas?

[John]

I ended up using classical.js instead of webcomponents and both the ng-disabled and kendo grid drag and drop grouping work fine.

[Stevo]

+1

 Are you guys planning to fix this?

 Thanks,

Stevo

[Kiril Nikolov]

Hello Stevo,

It is already implemented, here is the relevant documentation:

http://docs.telerik.com/kendo-ui/AngularJS/introduction#change-widget-state-using-k-ng-disbaled-and-k-ng-readonly

Regards,
Kiril Nikolov
Telerik