question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The tooltip shows underneath another component

See original GitHub issue

I’ve used the @devexpress/dx-react-scheduler for the calendar and tried to show the tooltip on each schedule. But the tooltip is shown underneath (see the below screenshot). Do you know how to fix this issue?

Screenshot 2021-07-10 at 11 56 56 PM

Thanks & regards, Huy

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:5
  • Comments:11

github_iconTop GitHub Comments

3reactions
allthesignalscommented, Jul 14, 2022

You’ll probably need to render the tooltips LAST and as siblings to the relevant components. This seemed to solve the issue for me…

1reaction
ngotrongphuccommented, Jan 28, 2022

any update? i got the same issue, i tried to change z-index of react-tooltip to 999999 !important but it doesn’t work Untitled1

Read more comments on GitHub >

github_iconTop Results From Across the Web

The tooltip shows underneath another component #712 - GitHub
I've used the @devexpress/dx-react-scheduler for the calendar and tried to show the tooltip on each schedule. But the tooltip is shown ...
Read more >
Bootstrap Tooltip shows up under the element - Stack Overflow
The tooltip is showing under the element when I hover over it. The z-index of the element is 2, while the tooltip has...
Read more >
Controlling tooltips & pop-up menus with components in React
1. Open the tooltip ; isOpen and ; style states to show/hide and position the tooltip component respectively. Also, it is required to...
Read more >
Building a tooltip component - web.dev
A tooltip is a non-modal, non-blocking, non-interactive overlay containing supplemental information to user interfaces. It is hidden by default ...
Read more >
Tooltip on mobile goes behind other elements - Themeco
However, we noticed that when previewed on mobile, the top part of the ... What can we do to have the tooltip show...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found