"Pinned" indicator looks ugly in CJK languages #3531

Closed
opened 2026-08-05 08:29:37 +00:00 by syobon · 0 comments
Member

Browser and OS

Firefox 153.0.3 / Safari 26.5.2, macOS 26.5.2

Instance URL

No response

Backend version information

Pleroma BE 2.10.2

Frontend version information

Pleroma FE 2.11.2

Browser extensions

No response

Known instance/user customizations

No response

Bug description

Since 87afada598, the indicator showing that the post is pinned looks ugly in CJK languages, which don't use word spacing.

In Pleroma FE 2.10.0:
スクリーンショット 2026-08-05 17.04.31
スクリーンショット 2026-08-05 16.52.12

In Pleroma FE 2.11.2:
スクリーンショット 2026-08-05 17.05.09
スクリーンショット 2026-08-05 17.05.16

In languages like English that use spaces between words, line breaks within words are suppressed, so no issues occur. However, in CJK languages, the default behavior allows line breaks regardless of word boundaries, which causes the UI to break.

Adding word-break: keep-all; would fix the issue.
スクリーンショット 2026-08-05 17.14.33

Reproduction steps

  1. Switch the UI language to Chinese, Japanese, or Korean
  2. Open a profile page with a pinned status

Bug seriousness

  • How annoying it is: Mildly
  • How often does it happen: Always
  • How many people does it affect: CJK users
  • Is there a workaround for it: No
### Browser and OS Firefox 153.0.3 / Safari 26.5.2, macOS 26.5.2 ### Instance URL _No response_ ### Backend version information Pleroma BE 2.10.2 ### Frontend version information Pleroma FE 2.11.2 ### Browser extensions _No response_ ### Known instance/user customizations _No response_ ### Bug description Since 87afada598, the indicator showing that the post is pinned looks ugly in CJK languages, which don't use word spacing. In Pleroma FE 2.10.0: ![スクリーンショット 2026-08-05 17.04.31](/attachments/4cc7c011-da9f-4ba4-aacc-23c7aa2802a7) ![スクリーンショット 2026-08-05 16.52.12](/attachments/bfffd85d-ee31-4e47-91a7-192da4bf0626) In Pleroma FE 2.11.2: ![スクリーンショット 2026-08-05 17.05.09](/attachments/5787e4a7-bc7b-4e93-86b5-9f82f2bf785e) ![スクリーンショット 2026-08-05 17.05.16](/attachments/312b658b-acd3-4c6c-b350-cb74a4394123) In languages like English that use spaces between words, line breaks within words are suppressed, so no issues occur. However, in CJK languages, the default behavior allows line breaks regardless of word boundaries, which causes the UI to break. Adding [`word-break: keep-all;`](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/word-break) would fix the issue. ![スクリーンショット 2026-08-05 17.14.33](/attachments/57af7403-04a7-4ba3-b923-efd88aa02707) ### Reproduction steps 1. Switch the UI language to Chinese, Japanese, or Korean 2. Open a profile page with a pinned status ### Bug seriousness * How annoying it is: Mildly * How often does it happen: Always * How many people does it affect: CJK users * Is there a workaround for it: No
hj closed this issue 2026-08-05 16:58:09 +00:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
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#3531
No description provided.