无法在 Firefox、Safari、IE (Polymer) 上加载页面 - webcomponents.js 错误

Cannot load page on Firefox, Safari, IE (Polymer) - webcomponents.js error

我正在构建一个页面,遇到了一个困扰我一段时间的问题。源代码在这里:https://gist.github.com/zafartahirov/077b3e9ca7fe9958c9e1 - 抱歉它不在 JSbin 上,我仍然不知道如何在那里使用多个文件。

该页面在 Chrome 上工作正常,但给我一个错误 Firefox:TypeError: value is not a non-null object in webcomponents.js and Exception caught during observer callback: destributeNodeInto... in polymer.js.

该页面在 http://zafar.cc - but I am expecting to push a different version there once this problem is fixed. The GitHub repo for the page is here: https://github.com/zafartahirov/zafar.cc

上 运行

请指教... :)

编辑:可以在此处看到错误的实例:http://bl.ocks.org/zafartahirov/raw/077b3e9ca7fe9958c9e1/ - 抱歉导入 element/... - 忘记在 index.html

中更改它

elements/zaf-dropdown/zaf-dropdown.html:16 你有:

<shadow></shadow>

我打赌你想用

替换它
<content></content>

甚至干脆放弃它。此更改修复了浏览器中尚未对 Web 组件提供本机支持的行为。

P。 S. 恕我直言,这不是从聚合物纸元素项目中窃取设计的最佳主意。