Pressing enter to send message only works after button interaction

[chrillewoodz]

I have a textarea where I'm using a custom ng-enter to call a sendMessage function when I press enter, but after adding the popup I can no longer press enter to send the message.. How can I make sure that the enter button calls the function I want after the contenteditable area has appeared?

I tried setting it on the wrapping div that becomes the contenteditable area but pressing enter only works after I've inserted an emoji by clicking the button:

<div emoji-form emoji-message="emojiMessage" ng-enter="sendMessage(chat, chat.emojiMessage)">
        <textarea ng-model="chat.emojiMessage"></textarea>
    <button id="emojibtn">
        <i class="icon icon-emoji"></i>
    </button>
</div>

Is there a way to fix this?