TypeError: undefined is not an object (evaluating 'this.$refs.messageAction.$refs')

[taoeffect]

Problem

While testing our groupincome.app site on iOS (mobile Safari), I think I did something in the chat that triggered this error:

TypeError: undefined is not an object (evaluating 'this.$refs.messageAction.$refs')

It didn't seem to have any visible effect on the UI, but it probably shouldn't happen.

Solution

Find out what the problem is and fix it. The related code is in MessageBase.vue:

    openMenu () {
      this.$refs.messageAction.$refs.menu.handleTrigger()
    },

[pieer]

The error probably occurs because of the combination: longPress on the message being edited.
The reason for this is that messageAction is only rendered when the component is not edited.