I need to autocomplete special words when writing message in dx-text-area I've tried to add dx-auto-complete in dx-text-area it works for first word only how can I make it predict for each word starts with # this is my code
<dxi-item dataField="message" editorType="dxTextArea">
<div *dxTemplate>
<dx-autocomplete (onEnterKey)="drop($event)"
[dataSource]="['#111','#222', '#444']">
</dx-autocomplete>
</div>
<dxo-label text="Message"></dxo-label>
</dxi-item>and this is the result
when I try to add # after text the dropdown menu does not appear