Aggiunta di un overlay ai blocchi di codice per impedire lo scorrimento fino a che l'utente clicca

Ciao :wave:

I blocchi di codice possono essere molto lunghi… Ad esempio quando contengono un log di rebuild completo o altro testo lungo… Non è molto facile scorrere nella sezione del blocco di codice in un post o scorrere fino alla fine del blocco di codice, specialmente su schermi di piccole dimensioni. Il modo più semplice è scorrere un po’ prima del blocco di codice o trovare i 10px sui lati.

Sarebbe una buona opzione aggiungere una sovrapposizione ai blocchi di codice enormi che impedisca lo scorrimento finché non c’è un’interazione dell’utente. Quando l’utente ci clicca sopra, la sovrapposizione scompare e lo scorrimento si attiva.

Grazie :slightly_smiling_face:

1 Mi Piace

Forse prova in un componente del tema? Puoi vedere come ti sembra?

2 Mi Piace

Sì, ci ho pensato. È assolutamente fattibile con un componente. Ci proverò. :slightly_smiling_face:

1 Mi Piace

Ciao :waving_hand:

Questa è la prima versione, intendevo qualcosa di simile, ma sono bloccato nel definire l’altezza dell’elemento. :confused: L’overlay verrebbe visualizzato solo su blocchi di codice scorrevoli. Ho provato con element.scrollHeight > n ecc… ma sembra che ottenga sempre un’altezza di 0. Devo trovare un altro modo per definire se il blocco di codice è scorrevole…

1 Mi Piace

Ciao :wave:

Sono tornato qui dopo tanto tempo… Me ne ero completamente dimenticato. Ora ne ho realizzato uno funzionante. :smile:

1 Mi Piace