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

[Bug]: sp-popover dismisses unexpectedly #2625

Closed
1 task done
hooplapunta opened this issue Sep 27, 2022 · 4 comments · Fixed by #3456
Closed
1 task done

[Bug]: sp-popover dismisses unexpectedly #2625

hooplapunta opened this issue Sep 27, 2022 · 4 comments · Fixed by #3456
Labels
bug Something isn't working Component: Overlay Overlay v2 Confirmed Post overlay API Review after Overlay V2 Ships

Comments

@hooplapunta
Copy link

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

sp-popover

Expected behavior

Include sp-popover with overlay-trigger and a <div><sp-icon></sp-icon></div> as the trigger.
Hover over the icon
sp-popover should remain visible on hover

Actual behavior

Depending on angle of approach (e.g from the top or outside the icon content), sp-popover renders briefly then immediately dismisses

Screenshots

No response

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

See sample code
Hover over icon from different approaches, especially from the top.

Sample code that illustrates the problem

https://studio.webcomponents.dev/edit/fbq8OMs9JW82nZ1YBVpP/
https://studio.webcomponents.dev/edit/KVdD0QHXejirkE1YNbi2/

Logs taken while reproducing problem

No response

@hooplapunta hooplapunta added bug Something isn't working triage An issue needing triage labels Sep 27, 2022
@hooplapunta
Copy link
Author

Have been told this is a tip/margin issue for the positioning of the popover

@najikahalsema
Copy link
Collaborator

When the overlay appears, part of its rect is going over the trigger then and then basically saying you're not hovering the trigger anymore, and then it disappears.

@najikahalsema najikahalsema added Post overlay API Review after Overlay V2 Ships and removed triage An issue needing triage labels Mar 9, 2023
@hunterloftis
Copy link
Contributor

I'm afraid the linked samples don't seem to work (load), unless this is a temporary issue:

image

@Westbrook
Copy link
Contributor

I'm getting these pages to load again, and the situation therein should be addressed by the new Overlay API. We're currently on track for a July 2023 release of this update.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Component: Overlay Overlay v2 Confirmed Post overlay API Review after Overlay V2 Ships
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants