Angular material auto complete inside text area
<p>Ok, here is the issue.  I am using Angular Material's inputs.  I want to use the auto-complete feature INSIDE a text area.  The reason is because <code>&lt;md-auto-complete&gt;</code> does not support line breaks and I need to be able to toggle the auto complete feature.  I want the auto complete feature to be part of the input, not the input itself.  </p>

<p>Example:  Comment section of SO post. When you type in '@' there will be a suggestion of a user you want to direct the comment to.</p>

<p>In fact this is exactly what I am trying to achieve in my application.  I want users to be able to tag one another but need to auto complete feature as soon as they type in '@' + a single letter.</p>

<p>Here is the part of my code I am working with:</p>

<pre><code>&lt;label&gt;Message&lt;/label&gt;
                &lt;textarea  ng-change="onMessageInput()" ng-model="newMessage" md-select-on-focus style="font-weight:bold;"&gt;
</code></pre>

<p>Here are my work-around idea:  inside the onMessageInput(), I can check for instances of '@' and use mdToast to show all possible people to tag.  I also want the feature to be able to press tab and select the first selection.  Not even Angular Materials mdAutoComplete has this.  You have to use the arrow and then tab, even if there is only one possible match.</p>