ember-pouch attachment bug

controller.js

import Controller from '@ember/controller';
import EmberObject from '@ember/object';

export default Controller.extend({
  actions: {
    // action bound to a test button
    test() {
      let avatarDOMElement = document.getElementById('user-avatar-input');
      if (avatarDOMElement.files.length > 0) {
        let file = avatarDOMElement.files[0];
        let newAvatar = new EmberObject({
          name: file.name,
          content_type: file.type,
          data: file
        });
        this.get('model').get('avatar').addObject(newAvatar);
        this.get('model').save();
      }
    }
  }
});

model.js

// /models/user.js
import DS from 'ember-data';
import Model from 'ember-pouch/model';

export default Model.extend(Validations, {
  email: DS.attr('string'),
  username: DS.attr('string'),
  avatar: DS.attr('attachment', {
    defaultValue: function() {
      return [];
    }
  })
});

template.hbs

<p>
  {{input
    id="user-avatar-input"
    name="avatar"
    type="file"
  }}
  <button type="button" {{action "test"}}>Test</button>
</p>