This is a migrated thread and some comments may be shown as answers.

enablePager really weird bug

10 Answers 76 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Alexandru
Top achievements
Rank 1
Alexandru asked on 18 Jul 2013, 01:51 PM
It seems today I'm on a bug finding spree.
By setting data-enable-pager to false in a MobileScrollView you'll end up with this weird bug, which wasted half of my day by tracking it.
This bug occurs only with the new Flat skin.
fullscreen: http://jsbin.com/owilaf/2/
codeedit: http://jsbin.com/owilaf/2/edit
The bug: Try dragging left-right the View and you will notice you can also dragg it up-down. After releasing the mouse, the view's elements won't snap back into place.  
Until 716, this worked ok. I was able to scroll left-right OR up-down, but never with those two mixed.
I disabled the pager because the content in my ScrollView doesn't fit vertically and the pager is out of view, so pretty much useless. Because a pager was still neeeded, as a workaround I set up another pager in the footer of the View.
Tested on Chrome 28.0.1500.72, Desktop and Mobile versions.
le:
1)For some weird reason, this occurs only in the first View of the ScrollView.
2)For some other weid reason, this occurs only if I use the Pie Chart and the ButtonGroup together.

10 Answers, 1 is accepted

Sort by
0
Alexandru
Top achievements
Rank 1
answered on 19 Jul 2013, 12:34 PM
It seems the bottom empty areas in other ScrollViews became "undraggable",  which is a bummer if your ScrollViews have different content heights like those in the example I provided above
I checked with 2013.1.514 and those areas can be dragged/swiped.

0
Alexander Valchev
Telerik team
answered on 22 Jul 2013, 02:29 PM
Hello Alexandru,

Thank you for getting in touch with us.
I was able to reproduce the behaviour and can confirm that this is a bug. It seems that the issue is caused by the incorrect content height dimensions that are reported by the browser.

We will do our best to fix the issue as soon as possible. As a small sign of our appreciation for brining this to our attention, I have updated your Telerik points.

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
Alexandru
Top achievements
Rank 1
answered on 15 Oct 2013, 08:52 AM
still no fix ?
0
Petyo
Telerik team
answered on 17 Oct 2013, 07:11 AM
Hello Alexandru,

I am sorry for the delay here. The issue is not yet addressed; we are going to include it in our upcoming Q3 scrollview improvement efforts. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Alexandru
Top achievements
Rank 1
answered on 27 Nov 2013, 06:45 AM
it's Q3 and nothing changed...
http://jsbin.com/owilaf/52/edit
In 2013.1.703 works ok, and I'm stuck with it just because of this.
0
Alexander Valchev
Telerik team
answered on 27 Nov 2013, 03:42 PM
Hello Alexandru,

In order to avoid the vertical scrolling you should turn on the stretch option of the View. For your convenience I updated your sample:

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
Alexandru
Top achievements
Rank 1
answered on 28 Nov 2013, 07:52 AM
In my mobile app I'm using scroll view mainly for showing a pie chart and beneath a grid. The grid can have from 7 to 31 rows, so it will never fit vertically on the screen. In the old version, scrolling (swiping up/down) is locked either vertically or horizontally. In this new version scrolling is all over the place, it's like panning. The stretch option seems to work only if the content fits or is smaller than the viewing area.
Can't figure out what changed between versions... Please help
http://jsbin.com/owilaf/57/edit with more vertical content
0
Alexander Valchev
Telerik team
answered on 29 Nov 2013, 04:18 PM
Hi Alexandru,

The widget is intended to work with content that fits or is smaller than the viewing area.
For the UI which you described it is recommended to use multiple Views. You can use the touch component and its swipe event to navigate between Views in a way similar to the way ScrollView behaves.

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
Alexandru
Top achievements
Rank 1
answered on 10 Jan 2014, 09:15 AM
I tried emulating ScrollView with views navigation and touch (swype) and it works, but the feeling is weird because you can't actually drag from one view to another.  It will jump instantly to the next view after detecting a left/right swype. I'm still confused why ScrollView worked in older versions with content larger than the screen and now it doesn't.
0
Alexander Valchev
Telerik team
answered on 14 Jan 2014, 10:05 AM
Hi Alexandru,

Versions starting from Kendo UI Q2 2013 introduces some changes in the ScrollView implementation which are done in order to provide support for binding to DataSource.
Your scenario suggests dividing the UI into separate Views. I do agree that in this way you will not be able to replicate the ScrollView behaviour fully, but the widget is intended to provide opportunity to the user to scroll through content that fits or is smaller that the viewport area, such as images with some text.

I am afraid that at present we cannot suggest another workaround apart from using separate Views and swipe events.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ScrollView (Mobile)
Asked by
Alexandru
Top achievements
Rank 1
Answers by
Alexandru
Top achievements
Rank 1
Alexander Valchev
Telerik team
Petyo
Telerik team
Share this question
or