ActiveScaffoldがchromeで表示が崩れるときの対応

ActiveScaffoldの特定のバージョンだけだとは思うのですが、ある日突然chromeで見ると新規登録などのフォームがくずれるようになってしまいました。他のブラウザでは問題ありませんでした。

どうもchromeでのcssの解釈が変わったようです。

以下のようにcssを上書きするようにしてやれば直ります。他のブラウザでも問題なく表示されました。

もともとはfloatがleftになっています。これをnoneにすればOKです。

.active-scaffold li.form-element dd {
  float: none
}

ちなみに、このブログでactive_scaffoldに関しての情報を他にも乗せています。

ActiveScaffoldの小ネタのまとめ