Learning Tooltip

[crutchcorn]

Preview: https://playfulprogramming-git-tooltip-oceanbit.vercel.app/posts/example#Snitip

TODO:

• Fix tooltip not appearing when hovered from top
• Fix focus of elements inside snitip content (works when activated by keyboard, but not for hover)
• Fix scroll position when the snitip is focused by URL
• Test images/icons
• Implement global/tagged snitips
• Add info icon/focus/popup styling for inline snitip links
• Implement snitip modal/dialog on mobile breakpoint
• Fix focus jump when navigating away from the popup on Firefox

Closes #1160

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
playfulprogramming	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 10, 2025 0:34am

[crutchcorn]

Code for the smart triangle:

https://github.com/oceanbit/new-oceanbit-site/blob/main/src/components/header/desktop/desktop-dropdown-script.ts#L67-L99