HTML
CSS
Rails
エラー

バリデーションエラーでレイアウトが崩れた時の対処法


はじめまして

初めて記事を投稿させていただきます。

記述内容に不備や間違いがありましたら、

ご指摘お願いいたします。


本来あるべき姿

これが実装したいページになります。

スクリーンショット 2019-01-15 20.12.24.png


エラーメッセージが表示されると、、、

文字入力位置とアイコンが被ってしまいました。

どうすればいいんだ😭

アイコンを使用するのやめようかと思いました。

スクリーンショット 2019-01-15 20.13.23.png


解決方法

以下の一文を記述するだけ!!

(ファイルに記述したらサーバーの再起動が必要)


config/application.rb

config.action_view.field_error_proc = Proc.new { |html_tag, instance| html_tag }



最終形態

よくできました。

スクリーンショット 2019-01-15 20.12.43.png