jQuery UI Widgets Forums Layouts Splitter Problem with CSS border-top

This topic contains 2 replies, has 2 voices, and was last updated by  RichardD 8 years, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Problem with CSS border-top #1747

    RichardD
    Member

    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

    Problem with CSS border-top #1754

    Minko
    Blocked

    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

    Problem with CSS border-top #1755

    RichardD
    Member

    Thanks for the info Minko!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.