Race between setting this.message and removing the message popup

[Enigmatrix]

There is a race between the actions of the last message sent and the next completed message. This is due to the setting of the message only having actions on the next Vue tick. Need to find how to detect when the message is sent to the dom and then remove the popup afterwards.

[Enigmatrix]

Perhaps setting list enter/leave animations will let the pop-up live longer, enough to set the this.message without triggering the race.

[daniellimws]

🤨 Can you queue the actions instead

[Enigmatrix]

Actually possible using Vue.nextTick, I'll give it a try (and add sexy anime after 😉)