Ajouter une superposition sur les blocs de code pour empêcher le défilement jusqu'à ce que l'utilisateur clique dessus

Bonjour :wave:

Les blocs de code peuvent être très longs… Par exemple, lorsqu’ils contiennent un journal de reconstruction complet ou un autre texte long… Il n’est pas très facile de faire défiler la section du bloc de code dans un message ou d’atteindre la fin du bloc de code, surtout sur un écran de petite taille. Le moyen le plus simple est de faire défiler un peu avant le bloc de code ou de trouver les 10px sur les côtés.

Ce serait une bonne option d’ajouter une superposition aux énormes blocs de code qui empêche le défilement jusqu’à une interaction de l’utilisateur. Lorsque l’utilisateur clique dessus, la superposition disparaît et le défilement s’active.

Merci :slightly_smiling_face:

1 « J'aime »

Peut-être essayer dans un composant de thème ? Pouvez-vous voir ce que vous en pensez ?

2 « J'aime »

Oui, j’y ai pensé. C’est tout à fait faisable avec un composant. Je vais essayer. :slightly_smiling_face:

1 « J'aime »

Bonjour :waving_hand:

Ceci est la première version, je voulais dire quelque chose comme ça, mais je suis bloqué pour définir la hauteur de l’élément. :confused: La superposition ne s’afficherait que sur le bloc de code déroulant. J’ai essayé avec element.scrollHeight > n etc… mais il semble qu’il obtienne toujours une hauteur de 0. Je dois trouver un autre moyen de définir si le bloc de code est déroulant…

1 « J'aime »

Bonjour :wave:

De retour après une longue absence… J’avais complètement oublié. Maintenant, j’en ai fait un qui fonctionne. :smile:

1 « J'aime »