Adicionando uma sobreposição aos blocos de código para impedir a rolagem até que o usuário clique nele

Funcionalidade
1

Olá :wave:

Blocos de código podem ser muito longos… Por exemplo, quando contêm um log de reconstrução completo ou outro texto longo… Não é muito fácil rolar pela seção de blocos de código em uma postagem ou rolar até o final do bloco de código, especialmente em telas de tamanho menor. A maneira mais fácil é rolar um pouco antes do bloco de código ou encontrar os 10px nas laterais.

Seria uma boa opção adicionar uma sobreposição aos blocos de código enormes que impeça a rolagem até que haja uma interação do usuário. Quando o usuário clicar, a sobreposição desaparecerá e a rolagem será ativada.

Obrigado :slightly_smiling_face:

1 curtida
2

Talvez tente em um componente de tema? Você consegue ver como fica?

2 curtidas
3

Sim, pensei nisso. É totalmente factível com um componente. Vou tentar. :slightly_smiling_face:

1 curtida
4

Olá :waving_hand:

Esta é a primeira versão, eu quis dizer algo assim, mas estou travado na definição da altura do elemento. :confused: A sobreposição só apareceria em um bloco de código rolável. Tentei com element.scrollHeight > n etc… mas parece que a altura é sempre 0. Preciso encontrar outra maneira de definir se o bloco de código é rolável…

1 curtida
5

Olá :wave:

Voltei aqui depois de muito tempo… Esqueci completamente disso. Agora fiz um que funciona. :smile:

1 curtida