Popup > Layout > Grid: on select row popup wrongly hides

I have a Toolbar setup based on one of the samples (see below for code).
I attach a Popup to a toolbar button. Next I attach a Layout with a Grid to the Popup.
The grid with data appear fine in the popup, but when I select a row in the grid the popup hides. This is confirmed by the callbacks that fire.

However, when I attach just the grid to the popup, I can select a row and the popup remains visible.

The latter behavior is correct, the first is incorrect.

Please advice how to work around this.


The code:

<!DOCTYPE html>
	<title>Attach layout</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<link rel="stylesheet" type="text/css" href="../codebase/dhtmlx.css"/>
	<script src="../codebase/dhtmlx.js"></script>
		#myToolbar {
			margin: 10px;
		var myToolbar;
		var myPop;
		var myLayout, myGrid;
		function doOnLoad() {
			myToolbar = new dhtmlXToolbarObject({
				parent: "myToolbar",
				icons_path: "common/imgs/",
				xml: "common/toolbar.xml",
				onload: function() {
					myToolbar.setItemText("workbut", "Layout");
					myPop = new dhtmlXPopup({ toolbar: myToolbar, id: "workbut" });
					myPop.attachEvent("onShow", function(){
						if (!myLayout) {
							myLayout = myPop.attachLayout(500, 300, "1C");
							myGrid = myLayout.cells("a").attachGrid();

							myGrid.setHeader("Book title,Author,Price");//the headers of columns
							myGrid.setInitWidths("250,150,100");          //the widths of columns
							myGrid.setColAlign("left,left,left");       //the alignment of columns
							myGrid.setColTypes("ed,ed,ed");                //the types of columns
							myGrid.setColSorting("str,str,int");          //the sorting types
								alert("Row with id="+rId+" " + cId +" was selected");
						var data={
								{ id:1, data: ["A Time to Kill", "John Grisham", "100"]},
								{ id:2, data: ["Blood and Smoke", "Stephen King", "1000"]},
								{ id:3, data: ["The Rainmaker", "John Grisham", "-200"]}
					myPop.attachEvent("onHide", function(){ alert("The popup window is hidden"); });
<body onload="doOnLoad()">
	<div id="myToolbar"></div>

Forgot to add. Verions is: dhtmlxSuite_v46_std.

You don’t need layout to attach grid
Here is a sample for you:
dhtmlx.com/docs/products/dhtmlxP … _grid.html