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

Question

我正在构建一个页面，遇到了一个我一直在努力解决的问题。源代码在这里：https://gist.github.com/zafartahirov/077b3e9ca7fe9958c9e1 - 抱歉，它不在 JSbin 上，我仍然不知道如何在那里使用多个文件。

该页面在 Chrome 上运行良好，但在 Firefox 中出现错误：TypeError: value is not a non-null object in webcomponents.js 和 Exception caught during observer callback: destributeNodeInto... in polymer.js。

该页面在http://zafar.cc 上运行 - 但我希望在解决此问题后在那里推送不同的版本。该页面的 GitHub 存储库在这里：https://github.com/zafartahirov/zafar.cc

请指教... :)

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

Answer 1

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

<shadow></shadow>

我打赌你想用

替换它

<content></content>

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

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