RocketChat / RocketChat/EmbeddedChat

Show floating date indicator while scrolling in Chats

Open
#1,115 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
165
Forks
381
Avg merge
1d 2h
Merged PRs (30d)
1

Description

As an EmbeddedChat developer

I need to display a floating date indicator while scrolling through long conversations

So that users can always understand the date context of the currently visible messages, even during fast scrolling


Context

This functionality is already present in the Rocket.Chat core web client, but is currently missing in EmbeddedChat.


Acceptance Criteria
  • A floating date indicator appears at the top of the message list while the user is scrolling
  • The indicator updates dynamically when scrolling into messages from a different date
  • The indicator disappears shortly after scrolling stops
  • The indicator does not block message interaction (non-interactive)
  • Existing inline date separators continue to work as before

Demo

Current behavior (indicator not present):

https://github.com/user-attachments/assets/f797d8aa-38cf-4ffa-a159-8ee0579c9261

Expected behavior (indicator present):

https://github.com/user-attachments/assets/379f31db-1824-458d-8b9e-62254852ae81

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Compare the EmbeddedChat message-list implementation with the corresponding Rocket.Chat core web client behavior, as identified in the issue. Verify the floating indicator during scrolling, its date updates and dismissal, non-interaction with messages, and preservation of inline date separators.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.