Horizontal drag bar height to short after dragging

[Allocate Software Internal Systems]

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

[Dimo]

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

[Allocate Software Internal Systems]

Thanks, that sorted my problem.