事象
- railsではformで送信時にvalidateなどのメッセージを出せるが、
- そのvalidateメッセージ表示周りがdivで囲まれ
- レイアウトが崩れる場合がある
対策
- もしview周りはデザイナーが担当しており
- cssの指定が
.class > p + spanなどのように 子、隣接結合子などを使って書かれている場合 - デザイナーにBEM記法などで書き直してもらう必要がある
よくあるその場しのぎ
- レイアウトが崩れるので、validate周りをdivで囲まないようにする為、configに以下を書いている場合
# 二重送信対策解除
config.action_view.automatically_disable_submit_tag = false
もちろんこれだと二重送信防止が解除される為解決にならない
結論
- デザイナーに書き直してもらう
- or 自分で書く
- html, css記法は認識を共通しておく事