Skip to content

fix: mobile homepage overflow, tap tooltips, and nav stacking#79

Merged
kaiiiichen merged 1 commit into
mainfrom
fix/mobile-hover-tip-stacking
Jun 18, 2026
Merged

fix: mobile homepage overflow, tap tooltips, and nav stacking#79
kaiiiichen merged 1 commit into
mainfrom
fix/mobile-hover-tip-stacking

Conversation

@kaiiiichen

Copy link
Copy Markdown
Owner

Summary

  • Fix mobile homepage horizontal overflow by portaling HoverTip by default and collapsing non-portal hidden tooltips so they do not widen scrollWidth
  • Add tapToToggle for the social contact ? hint on touch devices (tap to open/close; desktop hover unchanged)
  • Lower portaled tooltip z-index to 40 so panels like last month's tops stay below the fixed nav bar (z-50)

Test plan

  • On mobile (or DevTools ~390px), homepage has no horizontal scroll or blank area on the right
  • Tap ? next to social icons — contact hint appears; tap outside or again to dismiss
  • Open last month's tops and scroll up — popup stays under the top nav bar
  • Desktop hover tooltips on social icons still work

Made with Cursor

Portal social HoverTips by default so hidden absolute tooltips no longer
widen the mobile viewport. Add tap-to-toggle for the contact hint on
touch devices, and lower tooltip z-index below the fixed nav bar.

Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel

vercel Bot commented Jun 18, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
kaichen.dev Ready Ready Preview, Comment Jun 18, 2026 10:29am

@kaiiiichen kaiiiichen merged commit fec8e68 into main Jun 18, 2026
4 checks passed
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.

1 participant