Flex-Wrap内部Flex-Wrap

Question

此问题与Flex box with wrap inside another Flex box类似，但未找到解决方案。

这是结构：

<div> // flex wrapper
    <div></div> // flex: 1 1 80%;
    <div></div> // flex: 1 1 20%;
</div>

包装器的第二个子节点也包含子节点，并且该子节点也应用了flex-wrap: wrap;。问题在于，当添加的子项数多于其当前宽度时，它不会像预期flex: 1 1 20%;那样扩展。

您可以通过点击“更多”按钮在this fiddle中看到此行为，直到第二个孩子的孩子出现溢出。这是一个截图：

如果加上更多的孙子女，第二个孩子如何继续扩大？