DEV: replace zero width space character in chat typing indicator (#31675)

We were using a zero width space added by CSS here, but have run into
occasional encoding issues for some reason? a couple people have
reported getting this instead of an empty space:


![image](https://github.com/user-attachments/assets/da39b5f5-61b0-423c-ae3e-18169e4f2f71)

I can't repro the issue, but we can avoid it by removing this space in
CSS — setting the container height to `1em` along with `line-height:
normal` should make it consistent with the height of the text within.

In the blame it seems this static height on the container was added
after the pseudo hack, and achieves the same goal when I test it across
a Firefox/Chrome/Safari
This commit is contained in:
Kris
2025-03-06 15:53:50 -05:00
committed by GitHub
parent 41eb83a401
commit 1b95a8e1e0

View File

@ -5,13 +5,8 @@
&-container {
display: flex;
height: 16px;
}
&::before {
// unicode zero width space character
// Ensures the span height is consistent even when empty
content: "\200b";
height: 1em; // Ensures the height is consistent even when empty
line-height: normal;
}
.chat-replying-indicator__text {