riot.js + Material Design Lite で インフラエンジニアでもSPA書けたけど、動的に読み込まれたページだとMDLのjsがいうこと聞いてくれなかった話

たとえばこんなページを作ったとする

NG版

Material Design Lite を適用する前は何も問題なかった。

あれ。なんか text field 動いてない。

本当は

こんな感じで「みょっ」ってなってくれるはずなんだけど…

という話。

参考

riot-js
https://muut.com/i/riot-js/using:are-there-material-design-c

修正版

修正版

home.tag に

this.on('mount', function() {
    componentHandler.upgradeDom();
});

を追加。

text field に入力すると…

「みょっ」ってなった。

MDLが対応していないってことなのかな