🗿

rails二重投稿防止の注意点

2021/12/05に公開

事象

  • 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記法は認識を共通しておく事

Discussion