Dhtmlx windows causes the page scrollbars to disappear

Hi,

I am using the latest version of dhtmlx PRO. Whenever I use dhtmlx windows initialization code, the scrollbars of the page disappear.
Please see screenshots
Normal(without dhtmlx windows initialized)


The one where scrollbars disappeared (after dhtmlx windows initialized)


The code I used for initialization is:(commenting this one brings the scrollbars like in pic 1)

    
    dhxWins = new dhtmlXWindows();
    dhxSAWin = dhxWins.createWindow({
        id:"sysaccess",
        left:20,
        top:75,
        width:350,
        height:500,
        modal:false,
        resize:false,
        center:true,
        header:true,
        caption:"Configure System Access"
    }); 
    
    dhxSAWin.attachEvent("onClose", function(win){
        dhxSAWin.hide();
        return false; //never close the window        
    });
    dhxSAWin.button("minmax").hide();
    dhxSAWin.button("park").hide();
    wpos = dhxSAWin.getPosition();
    if(wpos[1] < 75 ) dhxSAWin.setPosition(wpos[0],75);//fixes window from appearing under the dark bstrap menu  
    dhxLayoutSA = dhxSAWin.attachLayout({
    pattern: "1C",
    cells: [{id: "a",  header: false}]
    });
    dhxFormSA = dhxLayoutSA.cells("a").attachForm();
    SAFormData = [
        {type: "settings", labelWidth: 250, offsetLeft: 30},
        {type: "checkbox", name: "MANAGE_EMAILS", label: "Access <b>Manage Emails</b> section", checked:true},
        {type: "checkbox", name: "MANAGE_PARTICIPANTS", label: "Access <b>Manage Participants</b> section", checked:true},
        {type: "checkbox", name: "MANAGE_USERS", label: "Access <b>Manage Users</b> section", checked:true},
        {type: "checkbox", name: "MANAGE_SURVEYS", label: "Access <b>Manage Surveys</b> section", checked:true},
        {type: "checkbox", name: "MANAGE_ACCOUNT", label: "Access <b>Manage Account</b> section", checked:true},
        {type: "checkbox", name: "VIEW_ADMIN", label: "View <b>Admin</b> Tab", checked:true},
        {type: "checkbox", name: "VIEW_AVERAGES", label: "View <b>Averages</b> drop-down on Dashboard", checked:true},
        {type: "checkbox", name: "VIEW_EXPRESS_ADD", label: "View <b>Add Single Participant</b> section", checked:true},
        {type: "checkbox", name: "VIEW_RADAR_CHARTS", label: "View <b>Radar Charts</b> tab", checked:true},
        {type: "checkbox", name: "VIEW_REPORTS", label: "View <b>Reports</b> tab", checked:true},
        {type: "checkbox", name: "VIEW_SURVEY_FILTER", label: "View <b>Survey Filter</b> on all tabs", checked:true},
        {type: "hidden", name:"userId", value:"0"},
        {type: "button", name: "submit", value: "Save Changes", inputLeft:100,inputTop:400, position:"absolute"}
    ]
    dhxFormSA.loadStruct(SAFormData);
    dhxSAWin.hide();

Other than dhtmlx we are using bootstrap 2.3.2 and jquery. Any idea why this happens?
Unfortunately this page contains some data due to which we cannot publicly post its entire code.
Please assist.

I used a workaround by putting the following line after the code and it seems to have bought it back. Do you know why DHTMLX disables this unnecessarily? This creates a problem when its used on pages where only few dhtmlx elements like dhtmlxwindow(in this case) is used ?? Is’nt it a bug in dhtmlx. Everything works normal now after I added the below code ???

document.body.style.overflow="auto"; 

Hello
We are always recommend to use our container components with the next style:

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; }
So that is why your founded approach is suitable