Polymer 1.0纸质抽屉面板不能通过CloudFlare在Chrome中工作

Question

我一直在使用Polymer 1.0，面临一个非常奇怪的问题。我使用标准paper-drawer-panel组件，如下所示：

<paper-drawer-panel id="main-drawer-panel">
    <paper-header-panel drawer id="sidebar" mode="waterfall">
        // content
    </paper-header-panel>

    <paper-header-panel main id="main-container" mode="waterfall">
        <paper-toolbar>
            // content
        </paper-toolbar>
        <div id="content-container> // content .. </div>
    </paper-header-panel>
<paper-drawer-panel>

这在我的本地计算机上工作正常，并且在http和https中都使用自签名证书进行了部署。当我通过CloudFlare服务网站时出现问题（我将其用于get trusted certificate via the "Full SSL" option）。

通过CloudFlare投放网站后，paper-header-panel#main组件被排除在paper-drawer-panel的内容区域之外，仅限Chrome浏览器。

这是使用CloudFlare的SSL在Firefox上显示网站的屏幕截图：

在没有CloudFlare的Chrome上运行正常，就像在Firefox上一样（注意交叉的https）：

最后，在Chrome上使用CloudFlare：

对于Chrome之前的CloudFlare与Firefox以及Chrome之后的CloudFlare与Firefox相比，我已经获得了HTML的差异。我甚至不确定从哪里开始调试。

我做错了吗？我该怎么做才能获得更多相关信息？

先谢谢。

编辑：为清楚起见，在Mac OS X Yosemite上，无法使用的Chrome版本是版本44.0.2403.125（64位）。