Submenus get cut off when footer occupies the same space

Here are details on how to reproduce this condition.

I have a main menu item with 5 sub menus underneath. The menu and all the sub menus are displayed correctly if the page has a lot of information (text, pictures, etc.) and the footer is not shown because it is located far down the page.

Now, if I create a page with for instance only a couple of lines of text, in this case you can also see the footer when you first load the page. Now when I click on the main menu to expand it to see all the submenus, the last menu item is cut off and just shows a very narrow bar with no text. The narrow bar is clickable and works, but no one would know that there is a menu item there because the text is cut off.

The workaround is to make sure every page has a lot of information, but obviously that shouldn’t be necessary.