Skip to content

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

Merged
Spiral-Memory merged 2 commits into
RocketChat:developfrom
Aryan-Verma-999:fix/mobile-kebab-bottom-sheet
Aug 18, 2026
Merged

fix(menu): add mobile bottom sheet for kebab#1220
Spiral-Memory merged 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

@Spiral-Memory Spiral-Memory left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me. Thanks for the fix

@Spiral-Memory
Spiral-Memory merged commit feecaa9 into RocketChat:develop Aug 18, 2026
4 checks passed
github-actions Bot added a commit that referenced this pull request Aug 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Improve kebab menu for mobile devices

2 participants