Skip to content

fix: Mobile-friendly changes for emoji picker - #1301

Open
Pecacheu wants to merge 1 commit into
mainfrom
fix/phoneui-emoji
Open

fix: Mobile-friendly changes for emoji picker#1301
Pecacheu wants to merge 1 commit into
mainfrom
fix/phoneui-emoji

Conversation

@Pecacheu

@Pecacheu Pecacheu commented Jun 25, 2026

Copy link
Copy Markdown
Contributor

Split off from #835

  • The GIF/emoji picker effectively "takes the place" of the touch-keyboard until you explicitly open it by tapping the search bar, like on Discord.
    • Don't autofocus search input in GIF/emoji picker on mobile because it causes unwanted touch keyboard deployment
    • Don't refocus the message box element still hidden behind picker after tapping an Emoji, for same reason
  • Shrink emoji picker when screen is too small (reactively calculates row count depending on picker width)
  • Prevent picker height from exceeding screen height
  • Fix overflow hidden clipping emoji autocorrect dropdown when editing a message

@Pecacheu
Pecacheu force-pushed the fix/phoneui-emoji branch from c6dbf41 to 313a492 Compare June 25, 2026 02:06
@Pecacheu
Pecacheu force-pushed the fix/phoneui-emoji branch from 313a492 to 91de8e9 Compare July 2, 2026 16:09
@Pecacheu
Pecacheu marked this pull request as ready for review July 2, 2026 16:09
@Pecacheu
Pecacheu requested review from a team as code owners July 2, 2026 16:09
@Pecacheu
Pecacheu force-pushed the fix/phoneui-emoji branch from 91de8e9 to a375574 Compare July 24, 2026 13:58
@Dadadah

Dadadah commented Aug 10, 2026

Copy link
Copy Markdown
Member

I am running into an issue with this in dev - when opening the picker while the keyboard is open it closes my keyboard but then doesn't move to the bottom.

screen-20260809-233101.mp4

@Pecacheu

Copy link
Copy Markdown
Contributor Author

I am running into an issue with this in dev - when opening the picker while the keyboard is open it closes my keyboard but then doesn't move to the bottom.

screen-20260809-233101.mp4

Ah I think I see what's happening, it's trying to avoid overflowing the top of the screen and thus sticks to the top, but that's overriding it trying to stick to the bottom. My phone screen is taller cause I have a fat ass Galaxy Ultra phone so this doesn't happen to me lol

I'll have to see how I can fix that order of priorities

- Don't autofocus search input in GIF/emoji picker on mobile because it causes unwanted touch keyboard deployment
- Shrink GIF/emoji picker when screen is too small (dynamically reduces row count for emoji picker or GIF size for GIF picker)
- Prevent GIF/emoji picker from overflowing screen width/height
- Fix overflow hidden clipping emoji autocorrect dropdown when editing a message

refactor: Use new resize & layout hooks
fix: Make emoji picker resize reactive
fix: Auto-hide keyboard on Emoji/GIF panel open

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>
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