Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Falha no layout ao usar textos zalgo #400

Closed
gabrielsozinho opened this issue May 27, 2022 · 4 comments
Closed

Falha no layout ao usar textos zalgo #400

gabrielsozinho opened this issue May 27, 2022 · 4 comments

Comments

@gabrielsozinho
Copy link
Contributor

Opa, depois de ver a publicação do michelsantana no ambiente de homologação (Caracter malígno), eu tive a curiosidade de testar usar textos zalgo.
Texto Zalgo é um texto digital que foi modificado com caracteres combinados, símbolos Unicode usados para adicionar diacríticos acima ou abaixo das letras, para parecer assustador ou com falhas.

E o resultado obtido foi o seguinte:

isso também vale para o título de publicações:



O layout bugou, o texto do post ultrapassou o limite que deveria existir. Eu não sei exatamente a solução para isso, mas em outras redes sociais não acontece isso, o texto é limitado àquele espaço.




Fiz também alguns testes pra mostrar como o texto fica em outras redes sociais (respeitando o limite de caracteres delas)

Twitter:

Ele só é mostrado até a parte final da publicação.

Comentários Youtube:

Aqui é como se ele fosse "comprimido" até o limite do texto da publicação

Mensagens Instagram:

Ele só é mostrado até o limite da mensagem

@tembra
Copy link
Contributor

tembra commented May 27, 2022

Está faltando um overflow: hidden em cada Box que representa uma resposta.

Acredito que só isso já deve resolver. Mas não testei.

De repente o ideal seria fazer parse desses caracteres.

@gabrielsozinho
Copy link
Contributor Author

gabrielsozinho commented May 28, 2022

@tembra olha, se você quiser implementar isso, será ótimo! Isso porque sou novo nessa área (principalmente no front-end) e não sei como fazer isso. Você pode pegar a issue pra você sem problema algum.

edit: Nossa, vi que você também é de Belém, muito massa

@aprendendofelipe
Copy link
Collaborator

O PR #425 resolve esse problema para o ContentList e para o Content

@filipedeschamps
Copy link
Owner

Fechando essa issue para dar preferência ao PR do @aprendendofelipe 🤝 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants