Kendo/Angular - ng-disabled in IE10

9 posts, 1 answers
  1. leJuan5150
    leJuan5150 avatar
    5 posts
    Member since:
    Jul 2006

    Posted 02 Dec 2014 Link to this post

    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?
  2. leJuan5150
    leJuan5150 avatar
    5 posts
    Member since:
    Jul 2006

    Posted 02 Dec 2014 Link to this post

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

    Works fine in everything except IE10 (and I assume below)
  3. Answer
    Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 04 Dec 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  4. leJuan5150
    leJuan5150 avatar
    5 posts
    Member since:
    Jul 2006

    Posted 04 Dec 2014 in reply to Petyo Link to this post

    Hi Petyo,

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

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

    John
  5. leJuan5150
    leJuan5150 avatar
    5 posts
    Member since:
    Jul 2006

    Posted 04 Dec 2014 in reply to Petyo Link to this post

    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
  6. John
    John avatar
    3 posts
    Member since:
    Dec 2014

    Posted 30 Dec 2014 Link to this post

    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?

  7. John
    John avatar
    3 posts
    Member since:
    Dec 2014

    Posted 31 Dec 2014 in reply to John Link to this post

    I ended up using classical.js instead of webcomponents and both the ng-disabled and kendo grid drag and drop grouping work fine.
  8. Stevo
    Stevo avatar
    25 posts
    Member since:
    Jun 2013

    Posted 12 May 2015 Link to this post

    +1

     Are you guys planning to fix this?

     Thanks,

    Stevo

  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 14 May 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top