Автозаполнение JQuery: приносит результаты, но не отображает их (в модальном режиме)

Question

У меня есть это поле формы:

echo $this->Form->control('customer', ['id' => 'Autocomplete', 'empty' => false, 'required' => true]);

Я пытаюсь реализовать автозаполнение с поиском в БД.Итак, вот код jquery:

<script type="text/javascript">
    $("#Autocomplete").keyup(function(){
        $(this).val($(this).val().toLowerCase());
    });
</script>

<script type="text/javascript">
    $( function() {            

        $( "#Autocomplete" ).autocomplete({
            minLength: 1,
            source: function( request, response ) {
                $.ajax({
                    url: '/app/tasks/getAll',
                    dataType: 'json',
                    data:{
                        text : $('#Autocomplete').val()
                    },
                    success: function (data)
                    {
                        var lenlen=data.length;
                        var res=[];
                        for(var i=0;i<lenlen;i++){
                                res[i]=data[i].company;
                                //console.log(data[i].company);
                        }
                        response( $.map( data, function( item )
                        {
                            console.log(item.company);
                            return{

                                    label: item.company,
                                    value: item.company,
                                    id: item.company
                                   }
                        }));
                    }
                });
            },
            select: function( event, ui ) {
               event.preventDefault(); 
               $('#Autocomplete').val(ui.item.label);
           },
        });
    });

    // A custom jQuery method for placeholder text:

    $.fn.defaultText = function(value){

        var element = this.eq(0);
        element.data('defaultText',value);

        element.focus(function(){
            if(element.val() == value){ 
                element.val('').removeClass('defaultText');
            }
            }).blur(function(){ 
            if(element.val() == '' || element.val() == value){ 
                element.addClass('defaultText').val(value);
            }
        });

        return element.blur();
    }

И это код в контроллере для поиска в базе данных:

public function getAll() {


            $this->viewBuilder()->layout(false);
            $this->autoRender = false;

            $data = $this->request->getQuery('text'); 

            $results = TableRegistry::get('Customers')->find('all', ['fields' => ['id', 'company', 'name', 'surname'], 
                'conditions' => [
                    'OR' => [
                        'LOWER(name) LIKE' => '%'.$data.'%',
                        'LOWER(company) LIKE' => '%'.$data.'%',
                        'LOWER(surname) LIKE' => '%'.$data.'%'
                    ]
                ]]);
            $response = array();
            $i = 0;
            foreach($results as $result){
                $response[$i]['id'] = $result['id'];
                $response[$i]['company'] = $result['company'];

                $i++;

            }

           echo json_encode($response);

    }

Но пока я вижу, чторезультаты правильно извлекаются из базы данных в console.log, они не отображаются в виде выпадающего списка под полем, чтобы выбрать один из них. Это не работает, только когда я загружаю форму через модальный режим, если я открываю форму непосредственно, тогда автозаполнение работает

Как я могу это исправить?

РЕДАКТИРОВАТЬ

Когда я открываю форму, я получаю эту ошибку также:

toolbar.js? 1550138303: 83 [Устаревание] Синхронный запрос XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для конечного пользователя.Для получения дополнительной помощи, проверьте https://xhr.spec.whatwg.org/.