Skip to content

feat(frontend): refresh typing indicator UX - #2095

Open
hmans wants to merge 3 commits into
mainfrom
feat/typing-indicator-refresh
Open

feat(frontend): refresh typing indicator UX#2095
hmans wants to merge 3 commits into
mainfrom
feat/typing-indicator-refresh

Conversation

@hmans

@hmans hmans commented Aug 23, 2026

Copy link
Copy Markdown
Contributor

Refreshes the typing indicator per #1649.

  • Show avatars together with a compact text label naming up to two typers, aggregating larger groups ("Alice, Bob and 4 others are typing…")
  • Wrap the indicator in an aria-live="polite" status region; avatars and dots are aria-hidden
  • Keep the floating bottom-end placement so appearance never shifts the message list; dot animation continues to respect prefers-reduced-motion
  • Add Storybook stories (single, dual, large group, unknown members, hidden) and component tests covering naming, aggregation, the 3-avatar cap, and the live region
  • Add room.typing.* messages to the en-GB base catalog and all complete locales, with locale-appropriate plural categories

Refs #1649.

hmans added 3 commits August 23, 2026 13:31
Show avatars together with a compact text label naming up to two typers,
aggregating larger groups ("A, B and 4 others are typing…"). The label
lives in an aria-live polite status region, avatars and dots are
aria-hidden, and the floating position avoids message-list layout shifts.

Adds Storybook stories covering single, dual, large-group, unknown-member,
and hidden states, plus component tests. Adds room.typing messages to the
base catalog and all complete locales.

Refs #1649.
The label already conveys the typing state (and ends in an ellipsis), so
the animated dots only rendered when no member resolves to a name.
The animated dots carry the ongoing-activity signal; remove the
redundant trailing ellipsis from the typing labels in all locales.
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

Successfully merging this pull request may close these issues.

1 participant