Single select Search

I'm retrieving a dynamic list from a REST endpoint using an SDP variable. However, when I type into the search field, it only highlights matching content instead of filtering the list to show only the specific name I'm searching for. Please guide me where I'm wrong.

Variable Detail:-

"MANAGER_TEAM_LIST_SDP": {     

"type": "vb/ServiceDataProvider",      "defaultValue": {        "endpoint": "MANAGER_TEAM_LIST/getMANAGER_TEAM_LIST",        "responseType": "getMANAGER_TEAM_LIST",        "itemsPath": "items",        "uriParameters": {          "login_user_id": "300003330918600"        },        "keyAttributes": "value",        "transformsContext": {          "vb-textFilterAttributes": [            "value"        ]        },        "transforms": {          "request": {            "filter": "{{ $functions.processFilter }}"          }        }      }    }

Component Detail:-

<oj-label for="oj-select-single--2136830375-2">Team List</oj-label>

<oj-select-single id="oj-select-single--2136830375-2" data="[[ $variables.MANAGER_TEAM_LIST_SDP ]]"  item-text="[[ $functions.getName]]" value="{{ $variables.teamdatavar }}"    ></oj-select-single>