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

Horizontal drag bar height to short after dragging

2 Answers 33 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Allocate Software Internal Systems
Top achievements
Rank 1
Allocate Software Internal Systems asked on 21 Feb 2014, 11:26 AM
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 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 25 Feb 2014, 12:09 PM
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!
0
Allocate Software Internal Systems
Top achievements
Rank 1
answered on 27 Feb 2014, 03:42 PM
Thanks, that sorted my problem.
Tags
Splitter
Asked by
Allocate Software Internal Systems
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Allocate Software Internal Systems
Top achievements
Rank 1
Share this question
or