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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

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

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

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

@Kapish14Kapish14 commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

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

coderabbitaiBot 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-actionsgithub-actionsBot 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 threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@Kapish14
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from fbc46a9 to e653830CompareAugust 9, 2026 23:50
@Kapish14
Kapish14 marked this pull request as ready for review August 9, 2026 23:52

@cursorcursorBot 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 bf2c81d040e67d225143dfbed7fb5b1a5c6c0419. Configure here.

Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx Outdated
@macroscopeapp

macroscopeappBot 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
Kapish14force-pushed the feat/mobile-scroll-to-end-button branch from bf2c81d to dd36d0dCompareAugust 10, 2026 00:04
@github-actionsgithub-actionsBot added size:L 100-499 changed lines (additions + deletions). and removed size:M 30-99 changed lines (additions + deletions). labels Aug 10, 2026
Comment threadapps/mobile/src/features/threads/ThreadDetailScreen.tsx
@github-actionsgithub-actionsBot added size:M 30-99 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 10, 2026
@Kapish14

Copy link
Copy Markdown
ContributorAuthor

Got it , closing this PR now

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M30-99 changed lines (additions + deletions).vouch:unvouchedPR 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

@Kapish14