Touch focusing/clicking wrong list item

ionic-v1
1

(Tested only on android yet)
I have a list of items.
The items can be focused and clicked correctly unless and untill i dont scroll as in screenshot below :-

image
Screenshot_2016-01-14-20-34-07.png720×1280 89.5 KB

After Scrolling Few Items :-

it starts focusing/clicking few items above the touch point (as below)

(Please Notice the touch points)
It also has weird padding/margin at bottom of the list

image
Screenshot_2016-01-14-20-35-23.png720×1280 70.9 KB

image
Screenshot_2016-01-14-20-35-38.png720×1280 46.3 KB

image
Screenshot_2016-01-14-20-35-49.png720×1280 35.3 KB

Please help me with this ! HELP is appreciated !

2

Somebody please help… me with this !!

3

@Sumeet123 It’s useless to scream “Help” after 5 minutes you posted your issue. For the padding, try to use:

ion-content scroll="true" padding="true"

For the rest it’s not really clear what you are describing, maybe a snippet of your code will be more helpful?

4

@Devniz

Thanks for your reply and btw the issue is posted 3hrs before ! and i screamed help 5min before !

i will try that padding and scrool thing ! i tried native scroll already the issue persists.

CODE

<ion-header-bar class="bar-subheader item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="Search..."
ng-model="searchText"
ng-focus="searchFocused = true"
ng-blur="searchFocused = false"
ng-change="scrollTop()" class="searchStyle">
</ion-header-bar>
<ion-content>
<a class="item item-thumbnail-left" ng-repeat="item in items">
<img ng-src="img/ionic.png" alt="" class="ItemImg"/>
<h2>Item 1</h2>
<p class="listdesc">{{item.desc}}</p>
<p class="listdesc">lorem</p>
</a>
</ion-content

CSS

.ItemImg{
  width:70px !important;
  height:70px !important;
  margin-left: 0px;
  margin: 0px;
  padding: 0px;
  border-radius: 50%;
}

.listdesc{
  margin-top: 10px;
}
5

I solved it by setting content to overflow-scroll=‘true’ !

Then i had to do it for other content’s too… so i changed the config globally !
Everything works !

but, was my ionic app using native scrolling as default ? if yes then how ? :frowning:

I am thinking of using native scrolling , but the issue persists in native scrolling ! how to solve it ?