autocomplete view broken (iscroll issue)

Question

I need an autocomplete option in my phonegap app, and i got this sample . It works fine when iam working with sample, but it is broken (look at images) when iam trying to scroll in iphone simulator i think it has some css issue, how can i fix it ? Iam really got stuck with this. Thanks.

Update1: this issue arises when my iscroll started to scroll. Then, my list also starting to scroll (as i shown in below image).

Update2: my jsfiddle here, enter 'a' in products input field - a list will appear, then scroll; you can see the issue.

my scroll wrapper:

var testScroll;

function loaded() {
  testScroll = new iScroll('wrapper', {
  //check js fiddle for more 
 }
}false);

enter image description here

When does that happen? Is it when you start typing and then scroll the page? What version of iScroll you're using? — caiocpricci2, Nov 06 '13 at 10:41

score 1 · Answer 1 · answered Nov 05 '13 at 11:50

1

you can try to use iscroll only when the target doesn't support touch-based scrolling of fixed regions. (see more http://coenraets.org/blog/phonegap-tutorial/)

If all you need is autocomplete for phone gap, you might eventually find what you are looking for in the tutorial linked above ;)

answered Nov 05 '13 at 11:50

TGJohn

11
1

thanks.. but it is not the issue.Issue arises- when it came iscroll and autocomplete together... – Mumthezir VP Nov 06 '13 at 07:26

autocomplete view broken (iscroll issue)

1 Answers1

Linked