Rails / TurbolinksでHTMLの構造が崩れる

Shunsuke Sawada

SafariでTurbolinksを使っているページを開いた時のみ、
HTMLがおかしくなってしまった。

rails (4.1.6)
turbolinks (2.3.0)

こうなるはずなのに…、

html
1
2
3
<form accept-charset="UTF-8" action="/stories" class="new_story" id="new_story" method="post">
</form>
<div class="my-form"></div>

  
こうなってしまう。
divがformの中に入り込んでしまった。

html
1
2
3
<form accept-charset="UTF-8" action="/stories" class="new_story" id="new_story" method="post">
  <div class="my-form"></div>
</form>

  
ブラウザをリフレッシュすると問題は解消される。
なんなんだ…
 ↓
結局、Turbolinksをアップデートしたら解消された。

1
2
bundle update turbolinks
  => turbolinks (2.5.3)

以上です。
妙にハマりました。
 

Shunsuke Sawada

おすすめの記事

Wordpressのアップロード作業を楽にする
acomoo CSVインポート機能を追加しました。
ツッコまれピッチに行ってきた 東京 下克上編