Skip to content

ux(reactions): expand "More reactions" footer hit target to full row#343

Open
dmnyc wants to merge 1 commit into
mainfrom
ux/more-reactions-footer-hit-target
Open

ux(reactions): expand "More reactions" footer hit target to full row#343
dmnyc wants to merge 1 commit into
mainfrom
ux/more-reactions-footer-hit-target

Conversation

@dmnyc

@dmnyc dmnyc commented Jun 7, 2026

Copy link
Copy Markdown
Collaborator

Summary

The footer button in EmojiReactionPicker was wrapping its HStack { icon, label } in a .frame(maxWidth: .infinity) but only the glyph + label bounds registered taps. Tapping in the blank space on either side of the label missed, even though the row visually filled the picker's width. Add a .contentShape(Rectangle()) so the full row hit area registers — "More reactions" is the most common action after the curated grid and deserves the easiest target in the picker.

Files

  • EmojiReactionPicker.swift+7 / -0

Test plan

  • Tap a post's heart → reaction picker popover appears
  • Tap anywhere in the bottom "More reactions" row (not just on the icon/label) → full emoji library sheet opens
  • Build clean for iOS Simulator

Closes #325.

The footer button in `EmojiReactionPicker` was wrapping its `HStack { icon, label }` in a `.frame(maxWidth: .infinity)` but only the glyph + label bounds registered taps. Tapping in the blank space on either side of the label missed, even though the row visually filled the picker's width. Add a `.contentShape(Rectangle())` so the full row hit area registers — "More reactions" is the most common action after the curated grid and deserves the easiest target in the picker.

Closes #325.
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.

ux(reactions): "More reactions" hit target should fill the bottom row of the picker

1 participant