Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ui-components] Tooltip is hidden under components with relative or absolute positions #194

Open
koorosh opened this issue Feb 5, 2021 · 2 comments
Labels
🪲 bug Something isn't working

Comments

@koorosh
Copy link
Collaborator

koorosh commented Feb 5, 2021

Tooltip's content is hidden under other components when:

  • tooltip is rendered at the bottom (or right side) of the target element
  • when elements below or to the right side from target element have "relative" or "absolute" CSS position;

Screen Shot 2021-02-05 at 1 45 59 PM
Screen Shot 2021-02-05 at 1 46 05 PM

@koorosh koorosh added the 🪲 bug Something isn't working label Feb 5, 2021
@koorosh
Copy link
Collaborator Author

koorosh commented Feb 8, 2021

@nathanstilwell , what do you think about using react-popper-tooltip instead of pure react-popper package?
react-popper-tooltip is build on top of react-popper and additionally handles different ways for tooltip triggering and provides basic styles that prevents such issue.

@nathanstilwell
Copy link
Contributor

@koorosh I'm good with using react-popper-tooltip. At one point I had imagined we could use react-popper for a generic Popover component, but it seems like that's going to be a while. 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🪲 bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants