Instance emoji leaking out of the timeline #600

Closed
opened 2019-06-28 20:52:13 +00:00 by feld · 4 comments
Owner

image

:blush: on bikeshed.party

![image](/attachments/1c0cdd84-aa5e-4dd2-8571-48ee45168782) `:blush:` on bikeshed.party
259 KiB
Member

@feld can you still reproduce this? it looks okay to me.

Screenshot_at_Jul_02_16-41-57

@feld can you still reproduce this? it looks okay to me. ![Screenshot_at_Jul_02_16-41-57](/attachments/871641ed-1b5b-4540-9196-86710c3c87d0)
Member

could be webpack4/css issue, could be safari exclusive "feature"

could be webpack4/css issue, could be safari exclusive "feature"
Member

Safari doesn't wrap content properly if there are multiple spaces between tags without any other characters. (doesn't happen with tabs or line-breaks)

See the following screenshots took using the same HTML content

Chrome

Chrome

Safari

Safari

We have two solutions;

  1. display the content in preserved formatting like <pre> tag using white-space: pre-wrap;
  2. replace multiple spaces with single space in Javascript
Safari doesn't wrap content properly if there are multiple spaces between tags without any other characters. (doesn't happen with tabs or line-breaks) See the following screenshots took using the same HTML content **Chrome** ![Chrome](/attachments/d3c00648-b9af-4dac-a1f1-b3537054559b) **Safari** ![Safari](/attachments/229bc734-e093-4b0a-9ada-7cc7bbbf613d) **We have two solutions;** 1. display the content in preserved formatting like \<pre> tag using `white-space: pre-wrap;` 2. replace multiple spaces with single space in Javascript
Member

I've found Mastodon preserves formatting using white-space: pre-wrap;. Let's try it out.

I've found Mastodon preserves formatting using `white-space: pre-wrap;`. Let's try it out.
Sign in to join this conversation.
No milestone
No project
No assignees
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
pleroma/pleroma-fe#600
No description provided.