🙌 brought to you by Signavio, docs and code on Github: https://github.com/signavio/react-mentions (BSD license)
Mention people using '@' + username or type an email address
The highlighter will mimic the scroll of the textarea thus making everything aligned.
This functionality is not supported in Internet Explorer.
This functionality is not supported in Internet Explorer.
Note that the suggestions menu is outside of the its parent element (in green) which is absolutely positioned and scrollable.
The input below is also scrollable.
Note that the bottom input will open the suggestions list above the cursor. Also, the middle one will render its suggestions always on top, even if it has enough space below.