Collection repeat last item bug


#1

I have a list with a “collection repeat” and do " scroll" hast end ael the last element is outside the scroll within the " bounce scroll" and not that this should be

<ion-content has-header="true" on-scroll="search_scopeRoot('$scope.async_events')">
  <div class="list" style="margin-top: 49px">
  <div class="item item-input-inset">
    <label class="item-input-wrapper">
      <input ng-model="searchtext"  type="text" placeholder="Search for # or word" ng-disabled="{{disable}}">
    </label>
    <div id="searchbtn" class="button button-balanced" ng-click="searching(searchtext)">Search</div>
  </div>
  <ion-refresher on-refresh="doRefresh()" pulling-text="" refreshing-icon="ion-ios7-reloading"></ion-refresher>
  <div class="loading-f"><i class="icon ion-ios7-reloading"></i></div>    
  	<div collection-repeat="photo in photos"
      collection-item-width="'100%'"
      collection-item-height="getItemHeight($last)"
       ng-style="{height: getItemHeight($last)}"
      ng-class="{'last':$last}" type="item-text-wrap">  
	    <div class="row" ng-class="{hide : found == 'not found'}">
			<div class="photo col col-100">
		  	  	<div ng-class="{hide: photo.winner==0}"  class="incontest">Won ${{photo.winValue}}</div>	
		  	  	<div class="date"><span time-ago from-time="{{photo.imgUploadedDate}}"></span></div>
		  	  	<img data-idImage="{{photo.idImage}}" data-type="picture" data-likes="{{photo.likes}}" data-liked="{{photo.liked}}" ng-click="likeEvent('pictureClick')" src="{{photo.imgDir}}"/>
	          		<div class="title">{{photo.imgName}}</div>
			  		<div class="user">
					  	<a href="#/tab/dis-contest/{{photo.idUser}}">
						  	<div style="background-image: url('{{photo.perfilPhoto}}')" class="lazy"></div>
						 <div class="username">{{photo.userName}}</div>
						 <div class="clear"></div>
					  	</a>
				  	</div>
				  	<a href="#/tab/commentsindiscover/{{photo.idImage}}" class="coments">
					  	<i class="icon ion-chatbubble"></i>
					  	<span class="comment_count">{{photo.countComment}}</span>
			  		</a>
			  		<div id="like{{$index}}" data-idImage="{{photo.idImage}}" data-likes="{{photo.likes}}" data-liked="{{photo.liked}}" ng-click="likeEvent()"  ng-class="{redcolorliked: photo.liked==1}" class="likes liked{{photo.idImage}} ">
			  			<i  class="icon ion-heart"></i>
			  			<span class="comment_count">{{photo.likes}}</span>
		  			</div>
		  			<div class="clear"></div>
		  			<div ng-class="{ hide : photo.description == null}" ng-bind-html="to_trusted(photo.description)" class="captionimage"></div>
		  			<img style="display: none;" id="photo{{photo.idImage}}" src="{{photo.imgDir}}"/>
		  			<div style="display: none;" id="title{{photo.idImage}}">{{photo.imgName}}</div>
		  			<div ng-click="share(photo.idImage)" class="share"><i class="icon ion-share"></i></div>
				</div>
			</div>
	 </div>
	 
	 <div ng-class="{show : found == 'not found'}" class="not">
	  	<img width="320"  src="img/nofound.png"/>	
  	</div>
	  <div ng-class="{hide : found == 'not found'}" class="watermark" style="padding-bottom: 200px;">
	 	<img  src="img/logo_alt.png"/>
	 </div> 
  </ion-content>