Weird unicode characters rendering outside of line-height
See original GitHub issuebecause of the font chosen, it is quite easy to mess up a chat in Converse using symbols like (at least on quite some OS and browsers):
yyyyyyyyyy
yyyyyyyyy
sdfsdfdsfsdfsdf
sdfsdfdsfsdfsdf
e.g.Android, Chrome (Samsung, latest firmware update):
<bountysource-plugin>Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>
Issue Analytics
- State:
- Created 2 years ago
- Comments:23 (10 by maintainers)
Top Results From Across the Web
Line height with unicode characters - Emacs Stack Exchange
Agree on the font: I use DejaVu Sans Mono and the unicode characters render without any visible difference in vertical line spacing. –...
Read more >Can specific text character change the line height?
This Q is similar to Text changes height after adding unicode character except there are no tricks here. "_" is just a simple...
Read more >Rendering of unicode symbols in urxvt (height / width) vs ...
I am using rxvt-unicode-256color 9.19-1 on Ubuntu 14.04. gnome-terminal is more recent (from Debian testing), and lilyterm is built from source.
Read more >Guide to using special characters in HTML
A mathematical case; Favor precomposed characters; Help on selecting fonts; Italics and bolding; Character vs. style difference; Line spacing ...
Read more >line-height - CSS: Cascading Style Sheets - MDN Web Docs
The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Should now be fixed after this commit: https://github.com/conversejs/converse.js/commit/983d5ea09c80092f0f49db1c9c31ab7b14949a30
As seen in the original comment code block, Github prevents the the text from making too much of a mess via the overflow css property. That could be a possible solution to prevent such a message from messing up the chat too much.