折角今まで作っていた物が、
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
確認。
![material_learn60](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/70/84/p/t02200364_0507083913195676577.png?caw=800)
効果なしって言うか、エラー増えてる・・・。
て言うか、
![material_learn61](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/38/a2/p/t02200364_0507083913195676578.png?caw=800)
メニューの文字が消えとる!!
さらに、
![material_learn62](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/e4/18/p/t02200338_0504077413195676575.png?caw=800)
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のみにする。
ここまでやれば、
まぁまぁいけるだろう。
![material_learn63](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/06/25/p/t02200341_0512079313195676576.png?caw=800)
おぉ、原状回復。
メニューはどうだろう。
![material_learn64](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/94/b1/p/t02200284_0519066913195676574.png?caw=800)
うん、問題なし。
この調子でFirefoxも
![material_learn65](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/0b/3a/p/t02200322_0466068313195677171.png?caw=800)
あぁ、駄目な奴だコレ。
どうやら、drawerのメニューにheader-panel-exの
スタイルが適用されているからまずいっぽい。
core-header-panel-exの#mainContainerに対して指定しているスタイルを
div #mainで限定する。
![material_learn66](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/ec/57/p/t02200336_0456069713195677170.png?caw=800)
良い感じだな。
だが、ダイアログのボタン動作が効かない。
どうも、firefoxで表示すると、
イベント発生元のparentElementが
paper-dialogではなく、scrollerになるようだ。
では、paper-dialogまで上って
paper-dialog.toggle()を呼べば良いのかと言うと、
そうでもない。
と言うか、なかった。
なので、
paper-dialog#toggleが見つからない場合は、
core-overlay-layerに指定されている
core-openedを削除する事で無理くり動作させる。
![material_learn67](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/2d/f4/p/t02200321_0455066313195677172.png?caw=800)
おぉ、良い感じ。
cancelで消えるだろうか。
![material_learn68](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/ac/66/p/t02200322_0456066813195677174.png?caw=800)
無事消えた。
調子にのってIEでも見てみる。
![material_learn69](https://stat.ameba.jp/user_images/20150121/18/n-miyata080825/09/5d/p/t02200385_0479083913195677173.png?caw=800)
おぉ、無事動く!!
うむ、とりあえず
ココまででpolymerのお試しは終了だ。
メモを登録して削除する程度のアプリを
作った事があると宣言させていただこう。
長かった。
正直、音楽の力シリーズより
長く感じる。
とりあえず、gitに上げておけば作った事あるって
信用してもらえるだろう。
https://github.com/miyatama/polymer-memo
なんか階層間違ってるけど、
個人でしか扱わないのでいいと思ってる。