fix autocomplete suggestion highlighting for cases where the trigger is not the first character in the input value

Author: Tom Hutman

src/components/AutoCompleteTextarea/List.js

@@ -10,13 +10,15 @@ const List = (props) => {
   const {
     className,
     component,
+    currentTrigger,
     dropdownScroll,
     getSelectedItem,
     getTextToReplace,
     itemClassName,
     itemStyle,
     onSelect,
     style,
+    selectionEnd,
     SuggestionItem = Item,
     value: propValue,
     values,
@@ -123,7 +125,10 @@ const List = (props) => {
   const restructureItem = (item) => {
     const matched = item.name || item.id;
 
-    const editedPropValue = escapeRegExp(propValue.slice(1));
+    const textBeforeCursor = propValue.slice(0, selectionEnd);
+    const triggerIndex = textBeforeCursor.lastIndexOf(currentTrigger);
+    const editedPropValue = escapeRegExp(textBeforeCursor.slice(triggerIndex + 1));
+
     const parts = matched.split(new RegExp(`(${editedPropValue})`, 'gi'));
 
     const itemNameParts = { match: editedPropValue, parts };

src/components/AutoCompleteTextarea/Textarea.js

@@ -635,12 +635,14 @@ class ReactTextareaAutocomplete extends React.Component {
             <SuggestionList
               className={listClassName}
               component={component}
+              currentTrigger={currentTrigger}
               dropdownScroll={this._dropdownScroll}
               getSelectedItem={selectedItem}
               getTextToReplace={textToReplace}
               itemClassName={itemClassName}
               itemStyle={itemStyle}
               onSelect={this._onSelect}
+              selectionEnd={this.state.selectionEnd}
               SuggestionItem={SuggestionItem}
               value={value}
               values={suggestionData}