Bug: When using <div> instead of default <textarea> the @ is not triggered.

When using Component param in the component consctructor like:

const textarea = (<div
    contentEditable="true"
    onInput={this.handleChange}
    onBlur={this.handleOnBlur}
    onFocus={this.handleOnFocus}
    dangerouslySetInnerHTML={{ __html: this.state.value }}
/>)

<TextInput Component={() => textarea} />

When pressing @ the popup is not triggered.

The ideia to use

instead of

is to be able to insert emoji in the editor, this is done because there are 2 ways to use emoji. One is to use unicode which works in <textarea>, but the tag <img> only works inside <div>.</p>
<p>I'm not sure how to fix this yet.</p>            </div>
        </div>
    
    
    <div class="page-bar-simple">
            </div>

<div class="footer">
        <ul class="body">
            <li>© <script>
                    document.write(new Date().getFullYear())
                </script> Githubissues.</li>
            <li>Githubissues is a development platform for aggregating issues.</li>
        </ul>
    </div>

</html>

yury-dymov / react-autocomplete-input

Bug: When using <div> instead of default <textarea> the @ is not triggered. #21