Problem with CSS border-top

[RichardDMember]

We are trying to integrate jsplitter in a webpage and the following CSS in our page seems to cause problem to the splitter :

html { border-top:5px solid #FFDFB0; }

When the bar is dragged, it will go up of 5px.

Could you please let me know if there is a way to prevent the top-border setting to affect the splitter bar?

Thanks in advance!

Richard

[MinkoBlocked]

Hello Richard,

It seems that there’s an issue with the offset() method of jQuery when is used a border on the html. We are using this method in jqxSplitter. There are two approaches for handling the issue:

1) Using any html element which is going to simulate the same effect as a top border.
2) Putting the splitter into iframe. The only thing that should be fixed is attaching to the parent window’s mouseup event:

if (window.frameElement) {
    if (window.top != null) {
        $(window.top.document).bind('mouseup', function (event) {
            $(document).trigger('mouseup');
        });
    }
}

Best regards,
Minko.

jQWidgets Team
http://www.jqwidgets.com

[RichardDMember]

Thanks for the info Minko!

[Author]

Posts