RocketChat / RocketChat/EmbeddedChat

Feat: Add Keyboard Shortcuts modal to Embedded Chat options menu

Open
#1,169 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

Feature

This feature closes that gap by adding a "Keyboard Shortcuts" option to the Embedded Chat options menu, ensuring a consistent and complete experience between the two surfaces i.e embedded chat and rocket chat.

Proposed Implementation

Add a "Keyboard Shortcuts" entry to the options menu in Embedded Chat. Clicking it opens a modal displaying the following shortcuts:

  • Open Channel / User Search ⌘ / Ctrl + K or ⌘ / Ctrl + P
  • Edit previous message Arrow + ↑ (when input is empty)
  • Move to beginning of line ⌘ / Alt + ←
  • Move to beginning of message ⌘ / Alt + ↑
  • Move to end of line ⌘ / Alt + →
  • Move to end of message ⌘ / Alt + ↓
  • New line in message input Shift + Enter

The idea is to replicate the working of keyboard shortcuts of rocket chat in embedded chat
as how rocket chat do it

https://github.com/user-attachments/assets/a544fbb4-a2ce-4de3-99a5-911abd324eca

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

Start by locating the Embedded Chat options menu entry point and compare it with the existing Rocket.Chat keyboard-shortcuts experience. Verify that the listed shortcuts are displayed in a modal opened from that menu, and that the modal and all seven shortcut descriptions are present and usable.

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
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.