Start Building Professional
Web Apps Today

Browser scrollbar disappear when i using dhtmlx layout and dhtmlx windows together

I have a problem when i using dhtmlx layout and dhtmlx windows together.

I have a page that has a lot of input.. so the right hand browser scrollbar appear..

When a button clicked to create a window.. the scrollbar disappear ..
After the window closed the browser scrollbar still disappear ..

So i cannot scroll down the page..


Below is my script:

<div id="objId" style="width: 100%; height: 100%; overflow: auto; display: none; font-family: Tahoma; font-size: 11px;">
.....
<button name="btn" onclick="createWindow()">show</button>
.....
</div>

var dhxLayout = new dhtmlXLayoutObject(document.body, "1C");
dhxLayout.cells("a").attachObject("objId");
dhxLayout.cells("a").hideHeader();

var bar = dhxLayout.cells("a").attachToolbar();
bar.setIconsPath("../uiSources/images/dhtmlx/dhxtoolbar_dhx_blue/");
bar.loadXML("../xml/mytoolbar.xml"; ?>");

var dhxWins = new dhtmlXWindows();
dhxWins.setSkin("aqua_sky");
dhxWins.enableAutoViewport(false);
dhxWins.setImagePath("../uiSources/images/dhtmlx/");

var attempt = 0;
function createWindow() {
if(attemp == 0)
dhxWins.attachViewportTo("objId");

var id = "idWindow";
//
var w = 320;
var h = 200;
var x = 150;
var y = 150;
//
dhxWins.createWindow(id, x, y, w, h);
dhxWins.window(id).setText("Title");
dhxWins.window(id).center();
dhxWins.window(id).setModal(true);
dhxWins.window(id).attachURL("page.html");

attempt = 1;
}

Is there anything wrong with my script? Or Is there any different way that i miss?

When you attaching viewport to the "objId", code of component will disable any scrollbars on target container. So if you have some scrolls on it they will be disabled for sure. 
Can be re-enabled  directly through DOM as
    document.getElementById("objId").style.overflow="auto";