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

Popover not disappear #492

Open
zwz opened this issue Sep 4, 2018 · 4 comments
Open

Popover not disappear #492

zwz opened this issue Sep 4, 2018 · 4 comments

Comments

@zwz
Copy link

zwz commented Sep 4, 2018

I use popover as a popup menu after clicking on my avatar.
Each menu item links to a new page, where my avatar is still there, and the popover does not disappear.

@devmount
Copy link
Contributor

The popover should disappear as soon as your cursor leaves it. Can you reproduce the problem in a codepen / jsfiddle or similar?

@zwz
Copy link
Author

zwz commented Dec 3, 2018

@devmount Well, I was using it in a SPA. When I click the menu item, the page updates without refresh. The cursor is still over the menu item. I guess that is why the menu is still there. I do not know how to make a SPA and reproduce it on codepen/jsfiddle.

@devmount
Copy link
Contributor

devmount commented Dec 6, 2018

I see. In that case, the only solution I see is to overwrite Spectres popover :hover rules with a class, e.g. .popover-hover:hover and remove that class per Javascript when clicking the button...
This isn't an issue with Spectre.css I guess.

@zwz
Copy link
Author

zwz commented Dec 21, 2018

@devmount Yes, I think so.

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

2 participants