編集フォームに不自然な空白が表示される

[JunichiIto]

記事の編集フォーム内でずっと下スクロールしていくと、必要以上にスクロールしてしまい、添付画像のような巨大な空白が表示されます。

何か致命的な問題があるわけではありませんが、UXはあまり良くないです。。

[tanaka-asami415]

@JunichiIto
ご意見ありがとうございます！

テキストエリア下部に意図的にpaddingを入れております。
理由はスクロール同期を有効にしている場合、プレビューエリア側で最下部までスクロールできなくなってしまうためです。

paddingを入れない状態も試したりもしたのですが、最終的に現在の状態に落ち着きました🙏
ご不便をおかけして申し訳ないですが、他にいい改善方法が見つかるまでは現状のままとなります…🙇

[tanaka-asami415]

@JunichiIto
こちらこそありがとうございます！🙏

確かに改行と空白の区別がつきづらい状態となっていて、執筆時にビックリさせてしまうのは良くないと思います🙇
paddingを入れる事は変わらないと思いますが、空白と改行の違いが区別できるように見た目の改善を検討します！

[JunichiIto]

はい、ご検討よろしくお願いします！

[JunichiIto]

参考情報ですが、テキストエディタによってはEOF = End of fileを表示するものがあります。

https://userweb.alles.or.jp/chunichidenko/cpm_mycom177.html

こんな感じの表示を追加するのも一手かもしれません。いちおうご参考までに。

[shimanakahibiki]

@JunichiIto
おまたせしました！
空白と改行の違いが区別できるようにする解決策として、
本日エディタで行番号を表示するようにしました！
https://qiita.com/release-notes/2023-10-24

[JunichiIto]

対応ありがとうございます！違いがわかりやすくなりました 👍