Skip to content

fix: resolve emoji picker clipping on mobile via React Portals#1301

Open
Strxangxl wants to merge 2 commits into
RocketChat:developfrom
Strxangxl:poc/updated-emoji-portal
Open

fix: resolve emoji picker clipping on mobile via React Portals#1301
Strxangxl wants to merge 2 commits into
RocketChat:developfrom
Strxangxl:poc/updated-emoji-portal

Conversation

@Strxangxl
Copy link
Copy Markdown

Brief Title

Fix overlay clipping on mobile by implementing React Portals for EmojiPicker

Acceptance Criteria fulfillment

  • Emoji picker no longer clips on mobile viewports (320px - 375px)
  • Overlay is decoupled from parent overflow:hidden constraints
  • Race conditions handled via deferred unmount using setTimeout
  • Fixed unmount warning in console on component cleanup

Screenshots

preview preview (1)

PR Test Details

Tested on 320px and 375px viewports.

@CLAassistant
Copy link
Copy Markdown

CLAassistant commented May 21, 2026

CLA assistant check
All committers have signed the CLA.

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.

2 participants