Ember network call payload behind one call - ember.js

Question

I am sending a network call using ember.js
The event is triggered by a check box click that adds or removes an item from an array called features.
Currently if I click on the checkbox to add "edit users" to the array, the features array is updated and the update method in my account_owner model is triggered.
The users object is passed in to the update method and when I log user.features the array has all three items including the one that was just added.
before sending to the network I create a payload object that looks like:
payload: { features: ["employee advocacy", "other", "edit_users"]}
Here is my update method
update(user) {
var payload = {
features: user.features
};
console.log("###payload", payload)
console.log("###this.accountID", this.accountID)
const url = `/api/accounts/${this.id}/account_owners/${this.id}`;
return put(url, payload).then(() => this);
},
When this sends to the network only 2 of the three features are sent.
the paylod looks like:
payload: { features: ["employee advocacy", "other"]}
The thing is if I click the edit users check box again, edit_users is removed from the features array as well as the payload in the method when I log it but when the call is sent to the network all three items including edit_users show up in the payload. like this:
payload: { features: ["employee advocacy", "other", "edit_users"]}
It seems like data in the network call is behind one click but I can not figure out why this is working this way.