Skip to content

fix(web): keep release notes tooltip open on hover - #5337

Open
KyleKincer wants to merge 1 commit into
pingdotgg:mainfrom
KyleKincer:KYK/fix-release-notes-hover-scroll
Open

fix(web): keep release notes tooltip open on hover#5337
KyleKincer wants to merge 1 commit into
pingdotgg:mainfrom
KyleKincer:KYK/fix-release-notes-hover-scroll

Conversation

@KyleKincer

@KyleKincer KyleKincer commented Aug 4, 2026

Copy link
Copy Markdown

What Changed

  • Make the nightly release-notes tooltip popup pointer-interactive across its full bounds, including its padding and heading.
  • Keep the existing scroll container behavior and add a focused regression test for the hoverable popup class.

Why

The shared tooltip positioner disables pointer events. The release-notes tooltip previously re-enabled them only on the inner scrolling region, leaving a non-interactive boundary around the popup. Moving the cursor from the update pill across that boundary closed the tooltip before the cursor could reach and scroll the notes.

Enabling pointer events on the popup itself lets Base UI preserve its hoverable-popup behavior for the entire release-notes surface.

UI Changes

The appearance is unchanged; this only changes pointer interaction.

Release notes tooltip after the fix

Interaction video

The cursor moves from the update pill into the tooltip, then scrolls the release notes without dismissing it.

Release notes hover and scroll interaction

MP4 recording

Verification

  • vp test run src/components/sidebar/SidebarUpdatePill.test.tsx --project unit
  • vp run typecheck (apps/web)
  • Automated browser interaction: entered the tooltip, waited, scrolled 500px, and asserted it remained visible

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after evidence for the UI interaction (appearance is unchanged)
  • I included a video for the interaction change

Generated with GPT-5.6 Sol in Cursor.


Note

Low Risk
Localized tooltip pointer-event styling for the nightly release-notes UI; no auth, data, or core logic changes.

Overview
Fixes the nightly desktop update release notes tooltip dismissing when the cursor moves from the update pill into the tooltip padding or heading.

pointer-events-auto is applied on TooltipPopup via exported NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME (with max-w-none and text-balance), instead of only on the inner scroll region. The shared tooltip positioner uses pointer-events-none, so re-enabling events on the full popup surface lets Base UI keep the tooltip open while hovering the entire release-notes area.

A unit test asserts the shared class string still includes pointer-events-auto.

Reviewed by Cursor Bugbot for commit ec744d8. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Fix release notes tooltip in sidebar to stay open on hover

Moves pointer-events-auto from the inner scrollable div to the TooltipPopup element itself, so the tooltip stays open as the cursor moves from the update pill into the tooltip. Extracts the nightly tooltip classes into an exported NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME constant in SidebarUpdatePill.tsx and adds a test asserting the constant includes pointer-events-auto.

Macroscope summarized ec744d8.

Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Aug 4, 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: 7d94fab9-e143-4a9e-a9f0-328563a61ddd

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-actions github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Aug 4, 2026
@macroscopeapp

macroscopeapp Bot commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved ec744d8

This is a straightforward CSS class reorganization to fix tooltip hover UX. The change moves pointer-events-auto to the tooltip container so users can hover over the tooltip content. Low risk with a simple test added.

You can customize Macroscope's approvability policy. Learn more.

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

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant