jQueryUI Autocompleteの候補の表示件数を変更したいです。

前提・実現したいこと

jQuery Autocompleteの候補の個数を１０個に変更をする方法はあるんでしょうか?
インデックスが多くなるにつれて候補が増えてしまうので、個数を制限したいです。

sliceを使って制限していたのですが、全データから候補を10個表示は出来たのですが、サジェストも10個の中でしか行われません。
実現したいイメージとしましては、
全データを取得→表示件数は10個→文字が入力された際は全データの中から上位10個を表示する。
という動きを実装したいです。

助言よろしくお願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

asyncGet("api/auth/" + item).then(function (data) {
            if (data.status) {
　　　　　　　　　　//全データ取得
                const arr = data.result.filter(function(value){
                    return value.code !== "";
                  });
　　　　　　　　　　//sliceで10件のみ表示
                  const target = arr.slice(0,10);
                  const suggest = target.map((x) => {      
                    return {'label' : x.itemName.toString() , 'value' :x.code.toString()};
                  });
                  
            
                  $('#suggest').autocomplete({
                    minLength : 0,
                    delay : 0,
                    source: suggest
                    }
                  }).focus(function(){
                    $(this).val("");
                    $(this).autocomplete("search","")
                  })
            }
        }).catch(function (error) {
            console.log(error);
        });

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようにresponseの部分を追加すると、どうなりますか？
提示されているソースの //sliceで10件のみ表示 は削除してください。

JavaScript
1$('#suggest').autocomplete({
2  minLength : 0,
3  delay : 0,
4  source: suggest,
5  response: (event, ui) => {
6    if (ui.content.length > 10) {
7      ui.content.splice(10, ui.content.length);  
8    }
9  }
10}