Content does not grow tall enough to hide nav options if nav options are added via javascript

[CatarinaPBressan]

How to reproduce:

1. Add 50 li nav items in the HTML of the ul that is child of div.flakes-navigation
2. Open in either Firefox or Chromium and shrink the page so the left-hand side is automatically hidden.

At this point all of the elements should be hidden. Great.

3. Besides the previous 50 elements, create a javascript that runs after the page is loaded. In my case, I'm using AngularJS.
4. Create 50 more li elements in your javascript code and append to the said ul
5. Shrink the page again.

Now, if you scroll down enough some elements aren't hidden, because the div.flakes-content hasn't grown enough to hide them all: it is as tall as the ul containing the nav links.

if I include the heights of one li element (probably the title), the p.foot, a.logo elements and the top padding of the div.flakes-navigation, the resulting height is exactly is how tall the content needs to be.

However, I don't actually need that functionality to hide the menu when the screen is narrow. Is there any way to disable that?