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

Long non-breakable text overgrows the chat #37

Open
anibalsolon opened this issue Feb 4, 2021 · 2 comments
Open

Long non-breakable text overgrows the chat #37

anibalsolon opened this issue Feb 4, 2021 · 2 comments

Comments

@anibalsolon
Copy link

What is the current behaviour?

image

What is the expected or desired behavior?

Links can be trimmed with an ellipsis, CSS can force the text to break. ✂️

@r03ert0
Copy link
Member

r03ert0 commented Feb 5, 2021

I had just added overflow-wrap: anywhere, which seemed to solve that in Chrome. But there were still long lines in ipads (haven't tested safari or FF). Maybe some vendor-specific switches will be required in the css.

@anibalsolon
Copy link
Author

Sweet! Works perfectly on Chrome. I've checked Safari, and it seems like overflow-wrap: break-word is supposed to work, but it needs some adjustments to the width of the container (i.e. fixing a value to it, width: 230px; seemed to work but didn't test it thoroughly).

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

2 participants