为什么 Flexbox 会破坏 PolymerElements/paper-tabs？

问：

当尝试在 中使用 Flexbox 在网页上设置纸质标签和铁页的样式时，特别是 ，标签会消失。如果我删除，它们会重新出现。divdisplay: flexdisplay: flex

HTML和CSS的示例，其中选项卡显示：

<div class="header">
    <div class="tabs">
        <paper-tabs>
            <paper-tab id="edit-view">
                <span>Edit</span>
            </paper-tab>
            <paper-tab id="info-view">
                <span>Info</span>
            </paper-tab>
        </paper-tabs>
    </div>
</div>
<div class="tab-content">
    <iron-pages selected=${this._selectedTab}>
        <div class="tab-page">
        </div>
        <div class="tab-page">
        </div>
    </iron-pages>
</div>

.header {
    margin: 1rem 0px;
    padding: 0.6rem 0px;
    border-radius: 4px;
    background: rgb(223, 223, 223);
}

但是，如果我使用 Flexbox 并添加相关和对齐属性display: flex

.header {
    margin: 1rem 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 0px;
    border-radius: 4px;
    background: rgb(223, 223, 223);
}

它坏了。

我检查了存储库历史记录，2015 年出现了这个问题，但显然已解决。