enablePager really weird bug

11 posts, 0 answers
  1. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 18 Jul 2013 Link to this post

    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.
  2.
  3. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 19 Jul 2013 Link to this post

    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.

  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 22 Jul 2013 Link to this post

    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!
  7. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 15 Oct 2013 Link to this post

    still no fix ?
  8.
  9. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 17 Oct 2013 Link to this post

    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!
  11. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 27 Nov 2013 Link to this post

    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.
  13. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 27 Nov 2013 Link to this post

    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!
  15. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 28 Nov 2013 Link to this post

    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
  17. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 29 Nov 2013 Link to this post

    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!
  19. Alexandru
    Alexandru avatar
    3 posts
    Member since:
    Sep 2012

    Posted 10 Jan 2014 Link to this post

    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.
  20.
  21. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 14 Jan 2014 Link to this post

    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!
Back to Top