LoginSignup
kotaro-ktr
@kotaro-ktr (Kotaro Tanaka)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

チャットメッセージ入力フォームが固定されない

Q&A

HTMLCSSRubyOnRails5.2

解決したいこと

ruby on rails でチャットアプリを作成しているのですが、メッセージ入力フォームにメッセージを入力し投稿すると画面が崩れてしまいます。画面を崩れないようにしたいので、ご教示お願い致します。

発生している問題・エラー

初期画面.png
↓
投稿後画面１.png

↓

投稿後画面２.png

該当するソースコード


```.card-footer {
    position: sticky !important;
    display: flex;
    border-radius: 0 0 15px 15px !important;
    border-top: 0 !important;
}
0

1Answer

Yamazin
@Yamazin

HTMLがどうなっているかわからないので、うまくいくかはわかりませんが

position: sticky !important;
のかわりに

position: absolute;
bottom: ～;
left: ～;
を使ってみたらどうでしょうか？

0Like

Your answer might help someone💌

LoginSign Up