I'm using 4 views in a tab interface. Content in each view sometimes changes in length because of dynamic content.
The problem I have is that sometimes when moving around the content will get stuck in a scrolled position and I can't scroll back up to the top.
I can't duplicate this in the browser but only happens inside phonegap.
Anyone have any ideas or tips?
Thanks.
The problem I have is that sometimes when moving around the content will get stuck in a scrolled position and I can't scroll back up to the top.
I can't duplicate this in the browser but only happens inside phonegap.
Anyone have any ideas or tips?
Thanks.
9 Answers, 1 is accepted
0
Hi Esteban,
This does not sound like a known issue. As an assumption, could you please try to:
In case this does not help I would like to ask you to send me a small but runnable project which isolates the behaviour. In this way we will be able to examine your exact scenario and assist you further.
We will appreciate if you also specify on what devices you are testing and what is their OS version.
Thank you in advance for the cooperation.
Regards,
Alexander Valchev
Telerik
This does not sound like a known issue. As an assumption, could you please try to:
- turn on the stretch option of the View
- set the contentHeight of the ScrollView
- update to the latest official release (2013.3.1119)
In case this does not help I would like to ask you to send me a small but runnable project which isolates the behaviour. In this way we will be able to examine your exact scenario and assist you further.
We will appreciate if you also specify on what devices you are testing and what is their OS version.
Thank you in advance for the cooperation.
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Esteban
Top achievements
Rank 1
Rank 1
answered on 28 Nov 2013, 07:57 AM
Hi Alex, thanks for your response.
First to be more clear, I'm not defining the scroll container. My markup is just <body><view></view><view></view><view></view></body> with my content inside the view with no additional hierarchy (like some of the kendo examples). The header/footer are defined in a layout and the markup I put inside the view is being automatically wrapped by kendo after calling kendo.mobile.Application().
If I *don't* use the stretch option, the markup I put into the view is also wrapped in a km-scroll-container.
So, first, I can't really add the contentHeight option to the scrollView since I'm not instantiating that myself anyway, it is happening automatically.
When I do try setting the stretch option, it causes the layout of my view to go totally nuts because that causes (a) no scrollview to be inserted, (b) sets display:flex on the content. Not sure how this exactly breaks the layout since it only breaks it on one view and not others. It breaks when there are multiple children of the view, when I only have one child it is fine. Is that a restriction? That I only put one child under the view? In any case I get this "stuck" behavior even independent of whether there is one child of the view or not.
Anyway I still feel totally unsure of what the issue might be so I'd be more than happy to attach the entire functioning app for you to try out in a zip file if I could send it somewhere private just to you (not in this forum). Let me know where to send it.
Thanks.
First to be more clear, I'm not defining the scroll container. My markup is just <body><view></view><view></view><view></view></body> with my content inside the view with no additional hierarchy (like some of the kendo examples). The header/footer are defined in a layout and the markup I put inside the view is being automatically wrapped by kendo after calling kendo.mobile.Application().
If I *don't* use the stretch option, the markup I put into the view is also wrapped in a km-scroll-container.
So, first, I can't really add the contentHeight option to the scrollView since I'm not instantiating that myself anyway, it is happening automatically.
When I do try setting the stretch option, it causes the layout of my view to go totally nuts because that causes (a) no scrollview to be inserted, (b) sets display:flex on the content. Not sure how this exactly breaks the layout since it only breaks it on one view and not others. It breaks when there are multiple children of the view, when I only have one child it is fine. Is that a restriction? That I only put one child under the view? In any case I get this "stuck" behavior even independent of whether there is one child of the view or not.
Anyway I still feel totally unsure of what the issue might be so I'd be more than happy to attach the entire functioning app for you to try out in a zip file if I could send it somewhere private just to you (not in this forum). Let me know where to send it.
Thanks.
0
Esteban
Top achievements
Rank 1
Rank 1
answered on 28 Nov 2013, 08:39 AM
Ok so I am now able to reliably reproduce this issue in the browser while testing. The steps are:
- Select a view (via tabstrip) that has only one ListView type=group as a first child of view. The list view items are "expandable".
- Expand one of the list items.
- Scroll down a bit
- Switch to another tab
- Switch back
- Scroll is now stuck. Scrolling by dragging does nothing.
I also can get it unstuck by expanding a different list item which changes the size of the view's content. Then it will suddenly unstick.
Because I can see this in the browser I was able to inspect and see that when scrolled and stuck, the km-scroll-container has:
-webkit-transform: translate3d(0px, -142px, 0px) scale(1);
Dragging this translate value is not changed. I can manually using chrome inspector set that translation to -20px or whatever and the scroll is updated just fine. So, it seems that this is not an issue with the DOM. The issue is that the translate value is simply not being updated. Maybe the drag events are somehow not getting registered?
Anyway, just some more information. Again please let me know where I can send this code for you to check out. Also I can stage a working version of it and send you the password.
Thanks!
Because I can see this in the browser I was able to inspect and see that when scrolled and stuck, the km-scroll-container has:
-webkit-transform: translate3d(0px, -142px, 0px) scale(1);
Dragging this translate value is not changed. I can manually using chrome inspector set that translation to -20px or whatever and the scroll is updated just fine. So, it seems that this is not an issue with the DOM. The issue is that the translate value is simply not being updated. Maybe the drag events are somehow not getting registered?
Anyway, just some more information. Again please let me know where I can send this code for you to check out. Also I can stage a working version of it and send you the password.
Thanks!
0
Hello Esteban,
You can open a support ticket - a private conversation visible only between you and the support staff.
But please have in mind that debugging custom projects is out of the scope of our standard support services. We do not want access to your full project as it might contain confidential data.
We will be able to resolve the case much faster if you provide a sample project which isolates the issue.
To learn how to get most of your Kendo UI support please read this blog post:
Regards,
Alexander Valchev
Telerik
You can open a support ticket - a private conversation visible only between you and the support staff.
But please have in mind that debugging custom projects is out of the scope of our standard support services. We do not want access to your full project as it might contain confidential data.
We will be able to resolve the case much faster if you provide a sample project which isolates the issue.
To learn how to get most of your Kendo UI support please read this blog post:
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Esteban
Top achievements
Rank 1
Rank 1
answered on 02 Dec 2013, 05:47 AM
Never mind. I worked around it by scrolling to the top of the view every time the view is hidden. No idea what the issue was.
0
Esteban
Top achievements
Rank 1
Rank 1
answered on 16 Dec 2013, 06:04 PM
Actually Alex I'm still having this issue and after a lot of debugging it is still giving me trouble.
Is there an option for paid support to help me debug this? Or a consultant you could recommend who would do this?
Thanks.
Is there an option for paid support to help me debug this? Or a consultant you could recommend who would do this?
Thanks.
0
Hello Esteban,
Your sales representative will contact you shortly to set-up a license and arrange a paid support service.
Regards,
Alexander Valchev
Telerik
Your sales representative will contact you shortly to set-up a license and arrange a paid support service.
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Cestrian
Top achievements
Rank 2
Rank 2
answered on 10 Sep 2015, 03:11 PM
I have the same issue. Did you find a fix for this?
Thanks in advance
0
Hello,
This thread is two years old and outdated. In case you need assistance please open a new one and provide a detailed description of your issues as well as code samples or Kendo Dojo test page that will help us understand the details of your scenario.
Thank you in advance.
Regards,
Alexander Valchev
Telerik
This thread is two years old and outdated. In case you need assistance please open a new one and provide a detailed description of your issues as well as code samples or Kendo Dojo test page that will help us understand the details of your scenario.
Thank you in advance.
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!