Htykuut

I created an address search input. When user enter a location to input ajax request is working. $scope.resultLocation is storing data. I want to show #resultLocation when user focus on #searchLocation. Ng-focus is working but when I want to click to ul list is hiding. I can't click a tag. What is alternative method? How can I solve this problem?

HTML

    <div class="collapse show multi-collapse w-100" id="multiCollapseExample1" data-parent="#tabs">

        <div class="itemContainer">

            <input type="text" autofocus maxlength="60" id="locationSearch" data-ng-focus="resultLocationStatus=true;" data-ng-blur="resulLocationStatus=false;" data-ng-keyup="findLocation();" data-ng-model="locationSearch" class="locationSearch" placeholder="search">

            <button class="icon-search btn btn-color3"></button>

        </div>

        <div class="col-12" id="resultLocation" data-ng-if="resultLocation && resultLocationStatus==true" style="position: absolute; z-index: 986; top: 100%; left: 0; right: 0;">

            <ul class="list-group scrollbar" style="max-height:300px;">

                <li class="list-group-item" ng-repeat=" opt in resultLocation">

                    <a class="d-block cpointer" href="{{parseLocation(opt.GeoObject.Point.pos.toString())}}"><span class="icon-map-location-6"> </span>{{ opt.GeoObject.metaDataProperty.GeocoderMetaData.text}}</a>                                    

                </li>

            </ul>

        </div>

    </div>

JS

        $scope.findLocation = function () {            

        $.ajax({

            type: 'get',

            url: "https://geocode-maps.yandex.ru/1.x/?&bbox=24.125977,34.452218~45.109863,42.601620&results=5&format=json&lang=tr_TR&geocode=" + $scope.locationSearch,

            dataType: 'json',

            success: function (data) {                    

                    $scope.resultLocation = data.response.GeoObjectCollection.featureMember;                    }                    

            },

            error: function (data) {}

        });

    }