mdl-radio the default values are not set

[IgnatVarlamov]

"ember": "2.4.5"
chrome mac 51.0.2704.106 (64-bit)
chrome ubuntu 52.0.2743.82 (64-bit)

Im extend mdl-radio in my code and add add this logic:

export default MdlRadio.extend({
  onChange: on('change', function() {
    set(this, 'groupValue', get(this, 'value'));
  }),
  onInsert: on('didInsertElement', function() {
    if (get(this, 'groupValue') === get(this, 'value')) {
      this.$('input').attr('checked', '');
    }
  })
});

groupValue - input param. It may be 'enabled' || 'disabled' || 'default'
when groupValue is equal to value of radio button i do this this.$('input').attr('checked', ''); to set values by default

This code worked on all browsers by mac os but doesn't work at chrome by linux.

I fix it in the following way

export default MdlRadio.extend({
  onChange: on('change', function() {
    set(this, 'groupValue', get(this, 'value'));
  }),
  onInsert: on('didInsertElement', function() {
    Ember.run.scheduleOnce('afterRender', this, () => {
      if (get(this, 'groupValue') === get(this, 'value')) {
        this.$('input').attr('checked', '');
        this.$().addClass('is-checked');
      }
    });
  })
});

MaterialRadio.prototype.checkToggleState = function () {
    if (this.btnElement_.checked) {   // always false!!!
        this.element_.classList.add(this.CssClasses_.IS_CHECKED);
    } else {
        this.element_.classList.remove(this.CssClasses_.IS_CHECKED);
    }
};

[IgnatVarlamov]

today updated chrome on macos to 52.0.2743.82 (64-bit) and have this problem on mac