The SideMenu component expands in height incorrectly in the main screen with a collapsible menu template

[sukhova]

Test case:

1. Use the main screen with a collapsible menu template
2. Launch the application
3. Expand the menu to the maximum

AR:

As you can see, the SideMenu component expands so much that the other components shrink in height.

---

QA

1. Create new project
2. Add menu items to the menu.xml:

Test menu items

<menu id="sandbox1" insertBefore="administration">
        <item id="test1" caption="test"/>
        <item id="test2" caption="test"/>
        <item id="test3" caption="test"/>
        <item id="test4" caption="test"/>
        <menu id="menu1">
            <item id="test5" caption="test"/>
            <item id="test6" caption="test"/>
            <item id="test7" caption="test"/>
            <item id="test8" caption="test"/>
        </menu>
    </menu>

    <menu id="sandbox2" insertBefore="administration">
        <item id="guest1" caption="test"/>
        <item id="guest2" caption="test"/>
        <item id="guest3" caption="test"/>
        <item id="guest4" caption="test"/>
        <menu id="guest1menu">
            <item id="guest5" caption="test"/>
            <item id="guest6" caption="test"/>
            <item id="guest7" caption="test"/>
            <item id="guest8" caption="test"/>
        </menu>
    </menu>

    <menu id="sandbox3" insertBefore="administration">
        <item id="best1" caption="test"/>
        <item id="best2" caption="test"/>
        <item id="best3" caption="test"/>
        <item id="best4" caption="test"/>
        <menu id="best1menu">
            <item id="best5" caption="test"/>
            <item id="best6" caption="test"/>
            <item id="best7" caption="test"/>
            <item id="best8" caption="test"/>
        </menu>
    </menu>

You can add more if it is not enough.
3. Open the main screen and expand all menus. The header and footer should not change their height.

[reznikova21]

Jmix version: 1.1.0-SNAPSHOT - verified