fix(web): render tooltips above dropdowns - #6241
Conversation
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
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. Comment |
ApprovabilityVerdict: Approved dcc03f3 Single-line CSS z-index fix to ensure tooltips appear above dropdowns. Minimal, self-contained visual layering change with no behavioral side effects. You can customize Macroscope's approvability policy. Learn more. |
Dismissing prior approval to re-evaluate dcc03f3
Keep shared tooltips above the dropdown layer so help text from disabled menu items remains readable.
dcc03f3 to
cc4a8a6
Compare
## What's Changed * fix(web): align update toast release notes link by @t3-code[bot] in pingdotgg/t3code#6322 * fix(web): render tooltips above dropdowns by @extoci in pingdotgg/t3code#6241 * fix(web): open modified PR clicks in browser by @t3-code[bot] in pingdotgg/t3code#6278 * Fix mobile command popover glass rendering by @juliusmarminge in pingdotgg/t3code#6370 * test(mobile): seed snoozed showcase threads by @PixPMusic in pingdotgg/t3code#5155 * fix(web): preserve appearance mode when changing themes by @extoci in pingdotgg/t3code#6343 * feat(connect): deregister account environments from any client by @StiensWout in pingdotgg/t3code#4844 * feat(web): pull request surfaces — filters & qualifiers, all-server listing, update branch, reactions, in-place editing, smarter diffs by @Bil0000 in pingdotgg/t3code#6039 **Full Changelog**: pingdotgg/t3code@v0.0.34-nightly.20260812.1077...v0.0.34-nightly.20260812.1079 Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.34-nightly.20260812.1079
(cherry picked from commit 770946d)
What Changed
Why
Dropdowns were recently raised from z-index 60 to 130 so they render above toasts, but tooltips remained at 70. As a result, help text for disabled dropdown items painted beneath the menu where their bounds overlapped.
Keeping tooltips at 140 preserves the newer dropdown-over-toast behavior while restoring the expected ordering for tooltips opened from within dropdowns.
UI Changes
Before
After
The interaction was verified in the real web client using the right-panel add-surface menu.
Checklist
Model: GPT-5.6 Sol; harness: Codex in T3 Code.
Note
Low Risk
Single UI stacking-order tweak with no logic, auth, or data-handling changes.
Overview
Raises the shared tooltip positioner z-index from
z-70toz-[140]so tooltips paint above dropdowns and popovers atz-[130].This restores help text visibility for disabled menu items after dropdowns were previously raised above toasts.
Reviewed by Cursor Bugbot for commit cc4a8a6. Bugbot is set up for automated code reviews on this repo. Configure here.
Note
Fix tooltip z-index to render above dropdowns in
TooltipPopupIncreases the z-index of the tooltip positioner in tooltip.tsx from
z-70(70) toz-[140]so tooltips render above dropdown menus.Macroscope summarized cc4a8a6.