コードブロックにオーバーレイを追加して、ユーザーがクリックするまでスクロールを防ぐ

こんにちは :wave:

コードブロックは非常に長くなることがあります。例えば、完全な再構築ログやその他の長いテキストが含まれる場合などです。投稿のコードブロックセクションでスクロールしたり、特に画面サイズが小さい場合にコードブロックの最後までスクロールしたりするのは簡単ではありません。最も簡単な方法は、コードブロックの前に大きなスクロール領域を設けるか、側面にある10pxを見つけることです。

ユーザーの操作があるまでスクロールを防ぐオーバーレイを巨大なコードブロックに追加するのは良いオプションではないでしょうか。ユーザーがクリックするとオーバーレイが消え、スクロールが有効になります。

ありがとうございます :slightly_smiling_face:

「いいね!」 1

テーマコンポーネントで試してみてはどうでしょうか?どのように感じられるか確認できますか?

「いいね!」 2

はい、検討しました。コンポーネントで完全に実現可能です。試してみます。:slightly_smiling_face:

「いいね!」 1

こんにちは :waving_hand:

これは最初のバージョンです。このようなものを意図していましたが、要素の高さを定義するのに苦労しています。:confused: オーバーレイはスクロール可能なコードブロックにのみ表示されます。element.scrollHeight > n などで試しましたが、高さは常に 0 になるようです。コードブロックがスクロール可能かどうかを定義する別の方法を見つける必要があります…

「いいね!」 1

こんにちは :wave:

久しぶりに戻ってきました… すっかり忘れていました。今、動作するものを作りました。 :smile:

「いいね!」 1