Skip to content

fix(menu): add mobile bottom sheet for kebab - #1220

Open
Aryan-Verma-999 wants to merge 2 commits into
RocketChat:developfrom
Aryan-Verma-999:fix/mobile-kebab-bottom-sheet
Open

fix(menu): add mobile bottom sheet for kebab#1220
Aryan-Verma-999 wants to merge 2 commits into
RocketChat:developfrom
Aryan-Verma-999:fix/mobile-kebab-bottom-sheet

Conversation

@Aryan-Verma-999

@Aryan-Verma-999 Aryan-Verma-999 commented Mar 18, 2026

Copy link
Copy Markdown
Contributor

Brief Title

The kebab menu in EmbeddedChat was using the desktop dropdown UI on mobile.
This made it hard to use due to small touch targets and poor spacing.
Fixes #1217

Video/Screenshots

AFTER

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-1220 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

@Aryan-Verma-999
Aryan-Verma-999 force-pushed the fix/mobile-kebab-bottom-sheet branch from d627095 to f1acd4c Compare August 9, 2026 14:26
@Aryan-Verma-999

Copy link
Copy Markdown
Contributor Author

Fixed mobile kebab behavior across small/large phone viewports.

  • Scoped the sheet/backdrop to EmbeddedChat’s overlay layer.
  • Fixed the menu escaping minimized mode.
  • Fixed the menu disappearing after maximizing.
2026-08-09.20-03-20.mp4

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.

feat: Improve kebab menu for mobile devices

1 participant