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!

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

解決したいこと

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

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

初期画面.png

投稿後画面1.png

投稿後画面2.png

該当するソースコード


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


0

1Answer

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

position: sticky !important;
のかわりに

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

0Like

Your answer might help someone💌