無法在Firefox，Safari，IE（聚合物）上加載頁面-webcomponents.js錯誤

Question

我正在建立一個頁面，遇到了一段時間困擾的問題。 源代碼在這里： https ://gist.github.com/zafartahirov/077b3e9ca7fe9958c9e1-很抱歉，它不在JSbin上，我仍然無法弄清楚在那里如何使用多個文件。

該網頁能正常工作在Chrome，但給我一個錯誤的Firefox： TypeError: value is not a non-null object在webcomponents.js和Exception caught during observer callback: destributeNodeInto...在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組件的瀏覽器中的行為。

PS恕我直言，這不是從聚合物紙元素項目中竊取設計的最佳主意。