Layout's cell height bug

Suite and Optimus Suite 8
#1

Step 1 ：online samples for DHTMLX Layout.
Step 2 ： Layout. 2E
Step 3：Replace JavaScript content with the following steps
Step 4 ：Observe the height of c1
Step 5：Replace the minHeight parameter with maxHeight

When using minHeight alone, the style should be “min height: 200px; flex: 1 1 auto;” instead of min height: 200px; flex: 0 1 auto;
The height should be fully occupied. But not 200.
When using maxHeight alone, the style should be max height: 200px; flex: 1 1 auto; Instead of max height: 600px; flex: 0 1 auto;
The height should be 200. Not the height of the font.

const layout = new dhx.Layout("layout", {
    type: "space",
    rows: [
        {
            rows:[{
                html: "1",
               minHeight:200,
          //      maxHeight:200
            }]
        },
        {
            id: "С2",
            height: "56",
            html: "2",
        },
    ]
});
#2

Hello @liudian liudian,

The both described cases are counted as correct:

When using maxHeight alone, the style should be max height: 200px; flex: 1 1 auto; Instead of max height: 600px; flex: 0 1 auto;
The height should be 200. Not the height of the font.

As the maxHeight defines maximum height of the cell, so height can be less than it, and in the provided config - the expected height is the smallest possible - height of the font size.

When using minHeight alone, the style should be “min height: 200px; flex: 1 1 auto;” instead of min height: 200px; flex: 0 1 auto;
The height should be fully occupied. But not 200.

As you specified only minHeight, layout counts global height as “content”, so it won’t occupy full possible space.

If you want this cell to occupy the full possible height, you should define the height property in addition to minHeight:

            rows:[{
                html: "1",
                minHeight:200,
                height: "100%",
            }]

Here is a demo:
https://snippet.dhtmlx.com/vb1xo4hl

Also, you are using quite “specific” rows inside rows structure, for the layout, maybe you tried to create more “basic” structure, like follows:
https://snippet.dhtmlx.com/5ikbb3kv

Kind regards,