折角今まで作っていた物が、
firefoxでエラーとなった。
悲しい。
polymerさんのアップデートで
どうにかなるのだろうか。
早速試してみる。
bower.jsonを覗くと、
polymerのバージョン指定が0.4.2となっている。
これに対し、
polymer本家サイトを見ると、
"the recommended way to install Polymer 0.5.1..."
となっている。
ひとまず、
バージョン指定を0.5.1にして
bower様に更新をお願い。
cmd>bower update
確認。
効果なしって言うか、エラー増えてる・・・。
て言うか、
メニューの文字が消えとる！！
さらに、
menu-cardのshadowがおかしくなっとる！！
とりあえず片っ端から潰してゆく。
1.faviconを設定する
2.メニューで出してるAddとclear allをlabelから値へ移動
3.memo-cardで指定しているpaper-shadowを自力へ変更。
4.ダイアログのpaper-inputをpaper-input-decoratorへ変更。
5.ダイアログのボタン動作が効かなくなったので、onclick自力実装へ変更。
6.ダイアログが小さくなったので、サイズ指定して広げる。
(なぜかクラス指定が効かなかったので、styleで指定。)
7.platform.jsを削除してwebcomponents.jsのみにする。
ここまでやれば、
まぁまぁいけるだろう。
おぉ、原状回復。
メニューはどうだろう。
うん、問題なし。
この調子でFirefoxも
あぁ、駄目な奴だコレ。
どうやら、drawerのメニューにheader-panel-exの
スタイルが適用されているからまずいっぽい。
core-header-panel-exの#mainContainerに対して指定しているスタイルを
div #mainで限定する。
良い感じだな。
だが、ダイアログのボタン動作が効かない。
どうも、firefoxで表示すると、
イベント発生元のparentElementが
paper-dialogではなく、scrollerになるようだ。
では、paper-dialogまで上って
paper-dialog.toggle()を呼べば良いのかと言うと、
そうでもない。
と言うか、なかった。
なので、
paper-dialog#toggleが見つからない場合は、
core-overlay-layerに指定されている
core-openedを削除する事で無理くり動作させる。
おぉ、良い感じ。
cancelで消えるだろうか。
無事消えた。
調子にのってIEでも見てみる。
おぉ、無事動く！！
うむ、とりあえず
ココまででpolymerのお試しは終了だ。
メモを登録して削除する程度のアプリを
作った事があると宣言させていただこう。
長かった。
正直、音楽の力シリーズより
長く感じる。
とりあえず、gitに上げておけば作った事あるって
信用してもらえるだろう。
https://github.com/miyatama/polymer-memo
なんか階層間違ってるけど、
個人でしか扱わないのでいいと思ってる。