mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
Francesco SansalvadoreandClaude
2880eee63c
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? Bug fix. ## What is the current behavior? On the `apps/www` homepage, the Realtime product card shows a cursor-following hover animation (the "self" cursor) alongside two other peer cursors (User 1 and User 2) that animate independently. The mouse-follow animation is driven by an `onMouseMove` handler on the `<figure>` in `RealtimeVisual.tsx`. The three animated cursor divs are positioned absolutely on top of that figure but did **not** set `pointer-events-none`. As the peer cursors move around (and the self cursor tracks the pointer), they become the pointer target under the OS cursor and intercept mouse events, so the main hover animation stutters/breaks when the pointer passes over one of the other cursors. ## What is the new behavior? Added `pointer-events-none` to all three animated cursor wrappers (User 1, User 2, and Self). The animated cursors are purely decorative, so they should never intercept pointer events. The `<figure>` keeps `pointer-events-auto` and now receives `onMouseMove` uninterrupted, so the cursor-follow animation stays smooth while hovering over the card. ## Additional context Three-line change in `apps/www/components/Products/RealtimeVisual.tsx`. 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01YCXXskLSt6k4DjUxgS4vc5 --- _Generated by [Claude Code](https://claude.ai/code/session_01YCXXskLSt6k4DjUxgS4vc5)_ <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Bug Fixes** - Improved interaction behavior for the on-screen user indicators so they no longer capture pointer events, ensuring hover/drag behavior elsewhere remains consistent. - Refined the pointer-follow animation wiring to use DOM event listeners for more reliable coordinate tracking. - Updated motion behavior to respect “reduce motion” settings by disabling the pointer-follow effect when enabled. - Kept “Self” marker hover opacity transitions consistent with previous visuals. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude <noreply@anthropic.com>