Horizontal drag bar height to short after dragging

3 posts, 0 answers
  1. Allocate Software Internal Systems
    Allocate Software Internal Systems avatar
    13 posts
    Member since:
    Jun 2010

    Posted 21 Feb 2014 Link to this post

    Hi,

    Weird issue with the height of a horizontal drag bar after dragging it when splitter set to percentage height.

    Please see my fiddle that shows the problem http://jsfiddle.net/Tups/9gL5k/6/

    If you drag the bar of the top splitter from right to left (making panel 1 smaller and panel 2 bigger), when you release the mouse the drag bar resizes and is too small.  If you then drag from left to right (making panel 2 smaller and panel 1 bigger) it resizes back to the correct size.

    It seems this only relates to splitters set to a percentage height as the second splitter in the fiddle has a fixed height and doesn't have the problem.

    Hopefully there is a solution as we have splitters at 100% the height of the page with horizontal scrollbars that are supposed to sit at the bottom of the screen but don't because of this.

    Thanks
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 25 Feb 2014 Link to this post

    Hello,

    I am not very sure what is causing the problem, but you can avoid it by using

    .k-splitter
    {
       overflow: hidden;
    }

    On a side note, when you have 100% high splitters on the page, which fill the browser viewport, it is highly recommended to disable the browser scrollbar.

    html
    {
       overflow: hidden;
    }


    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Allocate Software Internal Systems
    Allocate Software Internal Systems avatar
    13 posts
    Member since:
    Jun 2010

    Posted 27 Feb 2014 in reply to Dimo Link to this post

    Thanks, that sorted my problem.
Back to Top