glow/first-home-diy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: No 'Back to top' button on long article pages #63

New issue
Closed
opened 2026-06-09 21:35:06 +00:00 by glow · 1 comment
glow commented 2026-06-09 21:35:06 +00:00
Owner
Copy link

Article pages can be 1000+ words with tables, FAQs, and sections. There is no way to quickly return to the top of the page.

Suggested Fix

Add a floating "Back to top" button that:

  • Appears after ~300px scroll
  • Fixed bottom-right corner
  • Smooth scroll to top
  • Uses accent color for brand consistency
  • Has aria-label for accessibility
  • Respects prefers-reduced-motion
Article pages can be 1000+ words with tables, FAQs, and sections. There is no way to quickly return to the top of the page. ## Suggested Fix Add a floating "Back to top" button that: - Appears after ~300px scroll - Fixed bottom-right corner - Smooth scroll to top - Uses accent color for brand consistency - Has aria-label for accessibility - Respects prefers-reduced-motion
glow closed this issue 2026-06-09 21:46:26 +00:00
glow commented 2026-06-09 21:46:28 +00:00
Author
Owner
Copy link

Fixed in commit 84a8827.

  • Added src/components/back-to-top.tsx — floating button fixed bottom-right, appears after 300px scroll, smooth scroll to top, accent-colored, aria-label, respects prefers-reduced-motion.
  • Imported and rendered <BackToTop /> in the root layout (layout.tsx) so it appears on all pages.

Closes #63.

Fixed in commit 84a8827. - Added `src/components/back-to-top.tsx` — floating button fixed bottom-right, appears after 300px scroll, smooth scroll to top, accent-colored, aria-label, respects prefers-reduced-motion. - Imported and rendered `<BackToTop />` in the root layout (layout.tsx) so it appears on all pages. Closes #63.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
bug
Bug fix

  
feature
New feature

  
improvement
Code improvements and refactors

No labels
bug
feature
improvement
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
glow/first-home-diy#63
No description provided.