Skip to content

Comments

fix: elevate tooltip box#556

Open
rickstaa wants to merge 2 commits intomainfrom
fix/improve-tooltip-z-index
Open

fix: elevate tooltip box#556
rickstaa wants to merge 2 commits intomainfrom
fix/improve-tooltip-z-index

Conversation

@rickstaa
Copy link
Member

Description

Render tooltip at document root so that it is always visible over other
elements.

Type of Change

  • feat: New feature
  • fix: Bug fix
  • docs: Documentation update
  • style: Code style/formatting changes (no logic changes)
  • refactor: Code refactoring (no behavior change)
  • perf: Performance improvement
  • test: Adding or updating tests
  • build: Build system or dependency changes
  • ci: CI/CD changes
  • chore: Other changes

Related Issue(s)

Closes: #544

Changes Made

  • Adds the tooltip.root wrapper to ensure tooltip is rendered in document root.

Testing

  • Tested locally
  • Added/updated tests
  • All tests passing

How to test (optional unless test is not trivial)

Impact / Risk

Risk level: Low / Medium / High

Impacted areas: UI / API / DB / Infra / Config / ...

User impact: Better UI

Rollback plan: Revert

Screenshots / Recordings (if applicable)

Additional Notes

Render tooltip at document root so that it is always visible over other
elements.

Co-authored-by: roaring30s <okaaycrypto@gmail.com>
Copilot AI review requested due to automatic review settings February 14, 2026 04:24
@rickstaa rickstaa requested a review from ECWireless as a code owner February 14, 2026 04:24
@vercel
Copy link

vercel bot commented Feb 14, 2026

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

Project Deployment Actions Updated (UTC)
explorer-arbitrum-one Ready Ready Preview, Comment Feb 14, 2026 4:39am

Request Review

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes tooltip occlusion in the Explorer UI by rendering the desktop tooltip content in a portal at the document root, preventing it from being clipped/covered by other elements on the page (as reported in issue #544).

Changes:

  • Wraps the desktop tooltip Content in Tooltip.Portal so it renders at the document root.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +44 to +46
<Tooltip.Portal>
<Content side="top" align="center" sideOffset={5} multiline {...props}>
<Text
Copy link

Copilot AI Feb 14, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR description says it adds a "tooltip.root wrapper" to render the tooltip at document root, but the actual change is adding Tooltip.Portal. Consider updating the PR description (or changelog) to reference the Portal to avoid confusion for future readers.

Copilot uses AI. Check for mistakes.
Copy link

@vercel vercel bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Additional Suggestion:

Tooltip z-index is too low, causing tooltips to appear behind modals/drawers despite using Portal

Fix on Vercel

…dals/drawers despite using Portal

Co-authored-by: rickstaa <rick.staa@outlook.com>
@Roaring30s
Copy link
Contributor

@rickstaa I like this. This would also prevent future tooltip collisions from happening and put this problem to rest once and for all.

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.

Votes badge indicator colliding with tooltip on treasury proposal page

2 participants