Layout 纸张阴影会破坏所需的布局

考虑以下标记：

具有flex属性的中间div应该填充所有可用空间，但如果存在纸张阴影，则不会。下面是顶部与纸张阴影的比较：

---

为什么会发生这种情况？

我在键入答案时想出了一个解决方案，因此它是：

<custom-element horizontal layout>
    <div>Some text here</div>
    <div flex><i>space</i></div>
    <paper-toggle-button></paper-toggle-button>
</custom-element>

<polymer-element name="custom-element" noscript>
    <template>
        <paper-shadow z="1">
            <content flex></content>
        </paper-shadow>
    </template>
</polymer-element>

<polymer-element name="custom-element" noscript>
    <template>
        <paper-shadow flex horizontal layout z="1">
            <content flex></content>
        </paper-shadow>
    </template>
</polymer-element>