Hinzufügen eines Overlays zu Codeblöcken, um Scrollen bis zum Klick des Benutzers zu verhindern

Merkmal
1

Hallo :wave:

Codeblöcke können wirklich lang sein… Zum Beispiel, wenn sie einen vollständigen Rebuild-Log oder anderen langen Text enthalten… Es ist nicht einfach, in einem Beitrag durch einen Codeblock zu scrollen oder zum Ende eines Codeblocks zu gelangen, besonders auf kleineren Bildschirmen. Der einfachste Weg ist, vor dem Codeblock größer zu scrollen oder die 10px an den Seiten zu finden.

Es wäre eine gute Option, riesigen Codeblöcken eine Überlagerung hinzuzufügen, die das Scrollen verhindert, bis eine Benutzerinteraktion stattfindet. Wenn der Benutzer darauf klickt, verschwindet die Überlagerung und das Scrollen wird aktiviert.

Danke :slightly_smiling_face:

1 „Gefällt mir“
2

Versuchen Sie es vielleicht in einer Theme-Komponente? Können Sie sehen, wie es sich anfühlt?

2 „Gefällt mir“
3

Ja, ich habe darüber nachgedacht. Es ist mit einer Komponente absolut machbar. Ich werde es versuchen. :slightly_smiling_face:

1 „Gefällt mir“
4

Hallo :waving_hand:

Dies ist die erste Version, ich meinte so etwas, aber ich stecke bei der Definition der Elementhöhe fest. :confused: Das Overlay würde nur bei scrollbaren Codeblöcken angezeigt. Ich habe es mit element.scrollHeight > n usw. versucht … aber es scheint, dass die Höhe immer 0 ist. Ich muss einen anderen Weg finden, um zu definieren, ob der Codeblock scrollbar ist…

1 „Gefällt mir“
5

Hallo :wave:

Nach langer Zeit wieder hier… Ich hatte das total vergessen. Jetzt habe ich eine funktionierende Version erstellt. :smile:

1 „Gefällt mir“