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

Offset overlap prevents from showing the tooltip on hover #79

Open
michaelscraft opened this issue Nov 22, 2022 · 1 comment
Open

Offset overlap prevents from showing the tooltip on hover #79

michaelscraft opened this issue Nov 22, 2022 · 1 comment

Comments

@michaelscraft
Copy link

michaelscraft commented Nov 22, 2022

Description of the bug
vue3-popper: v1.5.0
Applying offset overlaps with nearby items.
I'm trying to move the tooltip to the right side of the column and if I have the tooltip item below with the same offset it won't let me hover over and open the popup.

Reproduction link
Place 2 tooltip items nearby and apply offsetDistance="100".

Expected behavior
Have the ability to specify which side to offset (offsetLeft, offsetRight, offsetTop, offsetBottom)

Screenshots
Screenshot 2022-11-21 at 8 09 12 PM

@michaelscraft
Copy link
Author

michaelscraft commented Nov 22, 2022

As a workaround, I have this CSS applied for now

.popper-container-custom-offset {
  border-right: 80px solid transparent !important;
  margin-right: -80px !important;
}

.popper-container-custom-offset:deep(.popper) {
  transform: translate(380px, -31px) !important;
}

Screenshot 2022-11-21 at 8 42 09 PM

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

No branches or pull requests

1 participant