Skip to content

feat(mobile): add scroll-to-end button - #5915

Open
Kapish14 wants to merge 2 commits into
pingdotgg:mainfrom
Kapish14:feat/mobile-scroll-to-end-button
Open

feat(mobile): add scroll-to-end button#5915
Kapish14 wants to merge 2 commits into
pingdotgg:mainfrom
Kapish14:feat/mobile-scroll-to-end-button

Conversation

@Kapish14

@Kapish14 Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown

Closes #5434.

Mobile threads do not provide a quick way to return to the latest activity after scrolling through a long conversation.

This adds a floating scroll-to-end button to the shared mobile thread view. It uses the feed's existing end-follow state, calls the existing keyboard-aware scroll path, and disappears once the latest activity is visible again. Touch-down activation keeps the control responsive while the feed is moving under scroll momentum.

Testing

  • Tested using a standalone preview APK on Android
  • Verified that the button appears after scrolling away from the end
  • Verified that tapping it during scroll momentum returns to the latest activity
  • Verified that it disappears after reaching the end
  • Targeted mobile lint and TypeScript checks pass
  • iPhone and iPad behavior has not been tested on-device

Video

WhatsApp.Video.2026-08-10.at.05.08.19.mp4

Note

Add scroll-to-end button to mobile thread detail screen

  • Adds a floating ControlPill button above the composer in ThreadDetailScreen.tsx that appears when the feed is not following the end of the message list.
  • Pressing the pill triggers haptic feedback and scrolls to the end of the thread via scrollMessageToEnd.
  • ThreadFeed.tsx gains an onEndFollowEnabledChange callback prop to notify the parent when end-follow state changes.
  • ControlPill.tsx gains activateOnPressIn and className props; activateOnPressIn fires onPress on press-in and suppresses the subsequent release event to avoid double-invocation.

Macroscope summarized 205c7fd.


Note

Low Risk
Localized mobile UI and scroll behavior reusing existing keyboard-aware scroll APIs; no auth, data, or API changes.

Overview
Adds a floating scroll-to-end control on mobile when the user has scrolled away from the latest messages. Visibility tracks the feed’s existing end-follow latch: ThreadFeed notifies the parent via onEndFollowEnabledChange, and ThreadDetailScreen shows the button when follow is off and content is ready.

Tapping runs the existing scrollMessageToEnd path (with haptics) so the list returns to the live edge and follow re-arms when the viewport is back at the end. Thread switches reset follow to enabled.

ControlPill gains optional activateOnPressIn (fires on touch-down and skips duplicate onPress on release) and className for styling the card-like down-arrow pill above the composer.

User docs in docs/user/threads.md describe the control briefly.

Reviewed by Cursor Bugbot for commit 205c7fd. Bugbot is set up for automated code reviews on this repo. Configure here.

@coderabbitai

coderabbitai Bot commented Aug 9, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: adeb2ca4-7e4b-4495-8b99-6e0b877b18dd

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions github-actions Bot added size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Aug 9, 2026
Comment thread apps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14 force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830 Compare August 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit bf2c81d. Configure here.

Comment thread apps/mobile/src/features/threads/ThreadDetailScreen.tsx
Comment thread apps/mobile/src/features/threads/ThreadDetailScreen.tsx
@macroscopeapp

macroscopeapp Bot commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR adds a new user-facing scroll-to-end button feature on mobile. New features introducing new UI behavior and interactions warrant human review. Additionally, two unresolved Cursor findings identify potential bugs with button flashing on thread switch and scroll-to-end not re-arming live follow.

No code changes detected at 205c7fd. Prior analysis still applies.

You can customize Macroscope's approvability policy. Learn more.

@Kapish14
Kapish14 force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0d Compare August 10, 2026 00:04
@github-actions github-actions Bot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment thread apps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actions github-actions Bot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Add a “Scroll to End” button on iPhone and iPad

1 participant