This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 11 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • jqxDropDownButton #6403

    binfch
    Participant

    Hi there

    I am using the jqxDropDownButton to show a panel (the panel is quiet height). Basically all works fine but when the page is loaded and the user clicks somewhere on the page, the vertical scrollbar shows and hides right after. I don’t know if this is a bug or if this is supposed to work like this…

    Here a sample page:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="jqwidgets/styles/jqx.classic.css" type="text/css" />
    <style type="text/css">
    #bodyContainer {
    color: #222222;
    background: #e3e3e3;
    margin: 0px;
    }
    #menuContainer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 1024px;
    height: 30px;
    }
    #mainContainer {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 1024px;
    height: 768px;
    border: 1px solid #bbbbbb;
    background: #ffffff;
    }
    </style>
    <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxdropdownbutton.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxpanel.js"></script>
    </head>
    <body id="bodyContainer">
    <script type="text/javascript">
    $(document).ready(function () {
    $("#dropDownButton").jqxDropDownButton({ width: 140, height: 30, theme: 'classic' });
    $("#dropDownPanel").jqxPanel({ width: 350, height: 750, theme: 'classic' });
    });
    </script>
    <div id='menuContainer'>
    <div id="dropDownButton">
    <div id='dropDownPanel' style='background-color: #e3e3e3;'>
    </div>
    </div>
    </div>
    <div id='mainContainer'>
    </div>
    </body>
    </html>

    Thanks & cheers,
    Peter

    jqxDropDownButton #6414

    Dimitar
    Participant

    Hi Peter,

    We tried your sample page with the latest version of jQWidgets(ver. 2.3.1) to see if we could reproduce the issue, but without avail. What version of jQWidgets do you use?

    Best Regards,
    Dimitar,

    jQWidgets Team,
    http://www.jqwidgets.com/

    jqxDropDownButton #6415

    binfch
    Participant

    Hi Dimitar

    I am using 2.3.0.

    I can reproduce the issue in FF 14 and Chrome 20.

    Pls check the following short video showing the issue when i click somewhere on the page.
    http://www.binf.ch/20120731_0809_33.zip

    Thx & cheers,
    P.

    jqxDropDownButton #6418

    Dimitar
    Participant

    Hi Peter,

    We tested your page with Firefox and Chrome and we have the same issue. I am sorry we are unable to help you at this time but we have created a work item about the reported issue.

    However, I recommend using the most recent version of jQWidgets.

    Best Regards,
    Dimitar,

    jQWidgets Team,
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.