I feel like it is related to the '-webkit-transform-origin' being set to something weird. The list looks fine, but when you click on an item it is almost like the clickable vertical area is expanded by 2x. Its weird because it is visually rendered fine, but there is lots of extra white space below the list and the clickable areas of each list item doesn't correspond with the visual area, its much larger vertically than it would normally be and ends up shifting each clickable area downward.
Running Kendo UI Complete v2013.2.716
16 Answers, 1 is accepted
This is a weird issue, indeed. I tried to reproduce this in the following jsbin, achieving somewhat the opposite - the clickable area is mismatching the links, but somehow detecting the tap higher than the actual, depending on the scrolling offset. The problem is most likely caused by a certain CSS texture related rule (a -webkit-transform one). If possible, can you please share your case too, so that we can suggest a solution that will work with it reliably? Thank you in advance.Regards,
After some fiddling, adding the following CSS rule resolved the problem, at least in my sample:
Please give that a try and let me know if it helps in your case, too. It should not have any adverse effects in general. Regards,
Also are you having use native scroller set on the view it is enclosed in?
So is working for us now. Now if we can just get the scrolling in the app to be as smooth as regular web page scrolling. Any insight on to why simple lists with no images scroll jerky when a website with tons of images scrolls smoother? Also when will this be included in an internal release?
Looking forward to the progress that Kendo is making every release.
I am glad to inform you that support for page scrolling is coming with the next release of the Kendo UI. It is scheduled for the middle of November, so stay tuned.Regards,
We have the same issue, and we tried it with the newly released version of kendo, phonegap 3.1.0 + android 4.3 - and the problem still exists.
Any ideas how to solve this?
This thread mentions multiple issues, so I am not sure which one you refer to. The last reply from Kiril was mentioning the native scrolling per application level, documented here.
The item we discuss is the original one sent by AppsWiz:
I our case we use the mobile list view, with endless scrolling, in Andriod we see that the header of our pane (data-role=header) sits on the same place where the list items start, so if we click on the 3rd item from the top, it behaves as if we clicked on the 1st item, an additional issue we have is that if we try to swipe after selecting a record, we can see the scroller on the side move, but the records themselves stay put, this works just fine in ios and Chrome, and if we remove endless scrolling, everything works fine in Android as well.
Thanks, this example is not representative, the app does not have a header nor does it do anything with click events on the items in the list.
The issue is specifically with an app that has a data-role=header above the list view, and that we can response to click events on items in the list.
in the following example, clicking the list item leads to a detail page. Header and footer are present. I tested it on Android 4.1.2 device (Nexus), it seemed to work as expected. Obviously, I am missing something. Can you please modify the jsbin, so that we can re-create the problem on our side? Thank you in advance.
The header clearly appears in Chrome, but once we are on the device, it is not there, where in our code, the header is visible even during Android runtime.
As mentioned before, the exact same code for us looks right and works right on ios.
Please see the samples from ios (iphone 5s with ios7) and android (nexus 7 with Android 4.4)
Following the design principles suggested by the vendors of the mentioned platforms the header and the footer are displayed differently in iOS and Android. You can also see this in our demos where you can switch between different platforms and see how the header and footer are displayed on Android and the other operating systems.
If you need have any further questions, please do not hesitate to contact us.