Behaves unexpectedly with contentEditable on Enter click after mentioning

[TetianaP]

How can we reproduce this bug?

1. Create a simple application with <div class="mentionable">Some text.</div>

2. Initialize Tribute as new Tribute({ values: [ {key: 'Phil Heartman', value: 'pheartman'}, {key: 'Gordon Ramsey', value: 'gramsey'} ]
   and attach to the contentEditable tribute.attach(document.querySelectorAll('.mentionable'));

3. Type @ to see the possible options to mention
   
   and select any
   

4. Continue typing on the same line
   
   then press 'Enter' key
   

What did you expect to happen?
Cursor moves to the next line.

What happened instead?
Cursor moves back to the place after mention and some part of a mention appears after it.
Trying to press 'Enter' again together with printing some text continue to insert some part of mentioning and moving cursor.

Link (jsfiddle/plunkr) or Screenshot:

[mrsweaters]

This was caused by not wrapping the content for contentEditable elements in markup in the defaultSelectTemplate. Fixed in 37fa6e8

Thank you!

[TetianaP]

Thank you!