 
<input class="full-w" name="" ng-model="search.userFollower" placeholder="Follower Name ..." type="text" value=""/>
<div scroll="false">
<ion-scroll id="scrollTest" delegate-handle="addFollower" class="prevent-scroll" direction="y"  style="height:60vh;width: 90vw"  has-bouncing="true"  overflow-scroll="false">
    <ul class="lst-chooseable-1">
        <li ng-repeat="item in userFollower  | orderBy : 'screen_name' | filter:{screen_name:search.userFollower} ">
            <input class="checkbox" data-checklist-model="arrayDataFollower" data-checklist-value="item" type="checkbox">
            <div class="label layout-fixed ">
                <div class="w70px pdL10">
                    <div class="thumnail">
                        <img check-image class="w40px h40px circle sdw-white" ng-src="{{item.imgprofile}}"/>
                    </div>
                </div>
                <div>
                    <div class="name fz17 bold clr-blue-2">
                        {{item.screen_name}}
                    </div>
                </div>
                <div class="icon-checked w40px clear">
                    <button class="bg-transparent right">
                        <svg class="h28px" id="" style="enable-background:new 0 0 58 58;" version="1.1" viewbox="0 0 58 58" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <polygon points="0,3.5 0,54.5 51,54.5 51,21.5 51,5.5 51,3.5 " style="fill:#2C9AB9;"> </polygon> <path d="M26,39.5c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l31-31  c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-31,31C26.512,39.402,26.256,39.5,26,39.5z" style="fill:#FFF;"> </path> <path d="M26,39.5c-0.256,0-0.512-0.098-0.707-0.293L11.516,25.43c-0.391-0.391-0.391-1.023,0-1.414  s1.023-0.391,1.414,0l13.777,13.777c0.391,0.391,0.391,1.023,0,1.414C26.512,39.402,26.256,39.5,26,39.5z" style="fill:#FFF;"> </path> </svg>
                    </button>
                </div>
            </div>
        </li>
    </ul>
</ion-scroll>
</div>
<style>
  .lst-chooseable-1 > li > .label {
    border-radius: 0;
    display: table;
    padding: 8px 10px 8px 5px;
    text-align: left;
    white-space: normal;
}

</style>

<!-- <div class="box-setting-1 pdT30 pdB20 mgLR5 mgB5">
    <div class="layout-fixed pdLR20">
       <textarea autocomplete="off"
       class="ion-autocomplete"
       external-model="initialAddFollower"  
       ion-autocomplete=""
       item-value-key="id" 
       item-view-value-key="screen_name" 
       items-clicked-method="onSelectAddFollower(callback)" 
       items-removed-method="onRemoveAddFollower(callback)" 
       items-method="filterFollow(query)" 
       items-method-value-key="items" 
       max-selected-items="10" 
       ng-model="autocompleteList.refferedFollower" 
       model-to-item-method="setValueForAddFolower(modelValue)" 
       placeholder="Enter word to search" 
       readonly="readonly" 
       type="text"
       style="width:100%;height: 25vh">
   </textarea>
   <button class="bg-transparent right" ng-click="updateFollow()">
      <svg class="h28px" id="" style="enable-background:new 0 0 58 58;" version="1.1" viewbox="0 0 58 58" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <polygon points="0,3.5 0,54.5 51,54.5 51,21.5 51,5.5 51,3.5 " style="fill:#2C9AB9;"> </polygon> <path d="M26,39.5c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l31-31  c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-31,31C26.512,39.402,26.256,39.5,26,39.5z" style="fill:#FFF;"> </path> <path d="M26,39.5c-0.256,0-0.512-0.098-0.707-0.293L11.516,25.43c-0.391-0.391-0.391-1.023,0-1.414  s1.023-0.391,1.414,0l13.777,13.777c0.391,0.391,0.391,1.023,0,1.414C26.512,39.402,26.256,39.5,26,39.5z" style="fill:#FFF;"> </path> </svg>
   </button>
</div>
<style type="text/css" media="screen">

</style> -->